> 文档中心 > 第一个eTS HarmonyOS项目

第一个eTS HarmonyOS项目


第一个eTS HarmonyOS项目

使用eTS开发HarmonyOS应用

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

基本效果

第一个eTS HarmonyOS项目
第一个eTS HarmonyOS项目

组件使用

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

Text组件:

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

Button组件:

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

代码实现

Index.ets:

@Entry@Componentstruct 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%')  }}

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