Index.ets入门

@Entry//标记当前组件是入口组件
@Component//标记自定义组件	
struct Index {//自定义组件：可复用的UI单元
  @State message: string = '您好世界'//标记该变量是状态变量，值变化时会触发UI刷新
  build() {//UI描述
    Row() {//内置组件
      Column() {//内置组件
        Text(this.message)//内置组件
          .fontSize(50)//属性方法
          .fontWeight(FontWeight.Bold)//属性方法
          .fontColor('#ffff0033')
          .onClick(() => {//事件方法
			this.message = '您好Hiloong!'
			})
      }
      .width('100%')//属性方法
    }
    .height('100%')//属性方法
  }
}

装饰器：用来装饰类结构、方法、变量

• @Component：标记自定义组件
• @Entry：标记当前组件是入口组件
• @State：标记该变量是状态变量，值变化时会触发UI刷新

内置组件：ArkUI提供的组件

• 容器组件：用来完成页面布局，例如Row、Column
• 基础组件：自带样式和功能的页面元素，例如Text

自定义组件

• 可复用的UI单元

事件方法

• 设置组件的事件回调

属性方法

• 设置组件的UI样式

UI描述

• 其内部声明方式描述UI结构