【鸿蒙系统学习笔记】ArkTS开发语言

一、背景

ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript（简称TS）生态基础上做了进一步扩展，继承了TS的所有特性，是TS的超集。

二、基本语法

2.1、基本语法介绍

ArkTS的基本组成，资料来自官网：文档中心

说明：

①装饰器：用来装饰类结构、方法、变量

@Component表示自定义组件，@Entry表示该自定义组件为入口组件，@State表示组件中的状态变量,状态变量变化会触发UI刷新。

②自定义组件：可复用的UI单元

③UI描述：以声明式的方式来描述UI的结构，例如build()方法中的代码块。

④系统组件：ArkUI提供的组件

容器组件---用来完成页面布局，例如Row、Column

基础组件---自带样式和功能的页面元素，例如Text

⑤事件方法：设置组件的事件回调

⑥属性方法：设置组件的UI样式

2.2、声明式UI

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'
 
  build() {
    Row() {
      Column() {
        Text(this.message) // Text组件有参数
          .fontSize(50)  //给Text组件配置属性--字体大小
          .fontWeight(FontWeight.Bold)  //给Text组件配置属性--字体粗细
          //给Text组件配置点击事件
          .onClick(() => {
            this.message = 'Hello ArkTS'
          })
        Divider() // Divider组件无参数
      }
      .width('100%')
    }
    .height('100%')
  }
}

2.2.1、参数

①有参数

如果组件的接口定义包含构造参数，则在组件后面的“()”配置相应参数。例如Text组件