HarmonyOS开发基础（一）

HarmonyOS开发基础（一）

// @：装饰器：用来装饰类结构、方法、变量
@Entry  // Entry：标记当前组件为入口组件
@Component  // Component：标记为自定义组件
// struct：自定义组件，可复用的 UI 单元
struct Index {
  // 标记该变量是状态变量，值发生变化时会触发 UI 刷新
  @State message: string = 'Hello World'
  // build：UI 描述，其内部以声明式方法描述 UI 结构
  build() {
    // Row：ArkTS 提供的内置组件，容器组件，为行组件
    Row() {
      // Column：RrkTS 提供的内置组件，容器组件，为列组件
      Column() {
        // Text：ArkTS 提供的基础组件，自带样式和功能的页面元素
        Text(this.message)
          // fontSize：属性方法，设置组件的 UI 样式
          .fontSize(50)
          // fontWeight：属性方法，设置组件的 UI 样式
          .fontWeight(FontWeight.Bold)
          // fontColor：属性方法，设置组件的 UI 样式
          .fontColor('#36D')
          // onClick：事件方法，设置组件的事件回调
          .onClick((event) => {
            this.message = "Hello ArkTS！"
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}