0
点赞
收藏
分享

微信扫一扫

探索鸿蒙_ArkTs开发语言

魔都魅影梅杜萨 2023-12-10 阅读 56
开发语言

ArkTs

优点

Hello World

@Entry  // 装饰器   @entry 入口型组件
@Component // 装饰器 @component 标记自定义组件
struct Index {   //  自定义组件  复用性
  @State message: string = 'Hello World'
  build() {   // UI描述 内部以声明式方式描述UI结构
    Row() {   //内部的都是ArkUi提供的组件    行式布局
      Column() {   //列式布局
        Text(this.message)   // 文本组件
          .fontSize(50)    // 样式组件
          .fontWeight(FontWeight.Bold)   // 样式组件
          .onClick(()=>{      // 事件方法

          })
      }
      .width('100%')   // 属性方法 设置组件的UI样式
    }
    .height('100%')  // 属性方法 设置组件的UI样式
  }
}

实例

@Entry  // 装饰器   @entry 入口型组件
@Component // 装饰器 @component 标记自定义组件
struct Index {   //  自定义组件  复用性
  @State message: string = 'Hello World'
  build() {   // UI描述 内部以声明式方式描述UI结构
    Row() {   //内部的都是ArkUi提供的组件    行式布局
      Column() {   //列式布局
        Text(this.message)   // 文本组件
          .fontSize(50)    // 样式组件
          .fontWeight(FontWeight.Bold)   // 样式组件
          .fontColor('#ccc') //设置一个颜色
          .onClick(()=>{      // 事件方法
              // 对message的值做修改
            this.message = '探索ArkTs'
          })
      }
      .width('100%')   // 属性方法 设置组件的UI样式
    }
    .height('100%')  // 属性方法 设置组件的UI样式
  }
}

 

举报

相关推荐

0 条评论