ArkUI 代码结构基本概念了解

最新推荐文章于 2025-03-26 09:46:36 发布

JOJOYYDSA

最新推荐文章于 2025-03-26 09:46:36 发布

阅读量710

点赞数

分类专栏： ArkUI 文章标签： harmonyos

本文链接：https://blog.youkuaiyun.com/JOJOYYDSA/article/details/122154175

版权

ArkUI 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了ArkUI的核心概念，包括装饰器如何为类、结构、方法和变量赋予特殊含义，如@Entry、@Component和@State。此外，讨论了自定义组件的可重用性和UI的声明式描述方式，以及内置组件如Column、Text等的使用。还提到了组件的属性方法，如fontSize()和width()，以及事件方法，例如Button的onClick()。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

装饰器：可装饰类、结构、方法、变量，并赋予他们特殊的含义

如：

@Entry：装饰第一个显示的页面

@Component ：装饰组件

@State ：装饰变量

等等

自定义组件：可重用的UI单位，可与其它组件配合使用

如：

@Component 装饰的struct Hello

UI描述：声明式描述UI结构

如：

build（）方法中的代码块

内置组件：框架中内置的内容、布局组件

如：

Column、Text、Divider、Button等

属性方法：是指组件提供的属性方法

如：

fontSize()、width()、height()等等

事件方法：组件的响应事件方法

如：

Button的onClick()事件等等。

// An example of displaying Hello World. After you click the button, Hello UI is displayed.
@Entry
@Component
struct Hello {
    @State myText: string = 'World'
    build() {
        Column() {
            Text('Hello')
                .fontSize(30)
            Text(this.myText)
                .fontSize(32)
            Divider()
            Button() {
                Text('Click me')
                .fontColor(Color.Red)
            }.onClick(() => {
                this.myText = 'UI'
            })
            .width(500)
            .height(200)
        }
    }
}