第一个eTS HarmonyOS项目

第一个eTS HarmonyOS项目

使用eTS开发HarmonyOS应用

eTS是一种脚本语言,与TypeScript和JavaScript使用语法相近,会让我们在使用上比较接近web开发,适合我们快速上手与学习。

基本效果

第一个eTS HarmonyOS项目_第1张图片
第一个eTS HarmonyOS项目_第2张图片

组件使用

本处共使用两个组件,Text与Button,组件功能如下:

Text组件:

参数名 参数类型 必填 参数描述
content string Resource 文本内容。包含子组件Span时不生效,显示Span内容,并且此时text组件的样式不生效。默认值:’ ’

Button组件:

参数名 参数类型 必填 参数描述
type ButtonType 描述按钮显示样式。默认值:ButtonType.Capsule
stateEffect boolean 按钮按下时是否开启按压态显示效果,当设置为false时,按压效果关闭。 默认值:true

代码实现

Index.ets:

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'
  @State count: number = 0 //实现变换

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        Button(){
          Text("Clink me")
            .fontSize(30)
            .fontWeight(FontWeight.Bold)

        }.onClick(()=>
        {
          if(this.count == 0){
            this.message = "Hello HarmonyOS"
            this.count = 1
          }else{
            this.message = "Hello World"
            this.count = 0
          }

        })
        .size({width:300,height:100})
        .padding(20)

      }
      .width('100%')
    }
    .height('100%')
  }
}

更多技术问题请关注博主,(公众浩:程序员阿诺斯)

你可能感兴趣的:(eTS开发,harmonyos,华为)