harmony初步了解类、函数和变量的定义

需求

了解harmony ArkTS常用关键字，熟悉ArkTS变量定义、函数定义、类定义，创建第一个harmony界面。

类定义

ArkTS创建的文件后缀.ets，ArkTS用来绘制界面，使用关键字struct，如下：

struct Login{
...
}

将界面声明为一个组件，使用@component装饰器，如下：

@component
struct Login{
    build(){
    ...
    }
}

这个组件，类似Android中的LinearLayout、ConstraintLayout等

组件要作为界面显示，使用@Entry装饰器，如下：

@Entry
@component
struct Login{
    build(){
        Column(){
            Text('登录')
            .fontSize(22)
        }.width('100%').height('100%')
    }
}

这样声明的组件就可以“挂载”到UIAbility上显示了，这里的UIAbility好比Android中的Activity。

定义函数

ArkTS定义函数使用关键字function，通常省略，如下：

@Entry
@component
struct Login{
    //定义登录函数
    login:void{
    ...
    }
    build(){
        Column(){
            Button('立即登录')
              .fontSize($r('app.float.px28'))
              .fontColor($r('app.color.white'))
              .width('95%')
              .height($r('app.float.px66'))
              .onClick(() => {
                this.login()
              })
        }.width('100%').height('100%')
    }
}

函数定义在build()方法外，在onClick方法中引用

变量定义

定义全局变量

@Entry
@component
struct Login{
    //声明全局变量
    isSucess:boolean=false;
    private user:User=null;
    build(){
        Column(){
            Text('登录')
            .fontSize(22)
        }.width('100%').height('100%')
    }
}

定义局部变量，使用关键字let

login():void{
 let body = new LoginBody()
}

定义常量，使用关键字const，且必须设置初始值

const name = tenantDto.TenantName