第一个eTS HarmonyOS项目

最新推荐文章于 2024-07-20 16:09:29 发布

程序员阿诺斯

最新推荐文章于 2024-07-20 16:09:29 发布

阅读量716

点赞数 1

分类专栏： eTS开发文章标签： harmonyos 华为

itcyy

本文链接：https://blog.csdn.net/weixin_52534218/article/details/129844640

版权

eTS开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第一个eTS HarmonyOS项目

使用eTS开发HarmonyOS应用

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

基本效果

在这里插入图片描述

组件使用

本处共使用两个组件，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%')
  }
}