自学鸿蒙开发3

#鸿蒙开发 #应用开发

首先看一下我们的代码：

@Entry
@Component
struct Index {
  @State message: string = 'zhangronglei'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(60)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

我们可知@Entry是页面进入窗口，@Component是装饰器，struct index是建立一页面下面是页面的内容，@State是可更新的变量，这里表示设置一个变量message，设置为string内容为zhangronglei下面是这个变量的格式，线性布局（LinearLayout）是开发中最常用的布局，通过线性容器Row和Column构建,Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列。Text是用来显示字符串的组件,在界面上显示为一块文本区域。用法为Text(this.变量)

下面的.fontSize和.fontWeight()定义的是Text的格式.width()和.height()表示页面的格式。