ArkUI

结构

装饰器：装饰类、结构、方法和变量，赋予特殊含义

@Component //自定义组件
@Entry //设为入口页面
@Builder 组件名(入参) {     //创建一个内部UI组件
    //UI组件描述
}
    


struct 结构名   {
    @State isChange:boolean = false; //状态变量
    
    build(){   //声明式UI结构
        Row(){ //内置组件
            Text(object)
                .width(......) //属性
                 .fontSize(......)
        }
        ForEach(入参) {    //迭代器
            this.组件名
        }
    }
    .onClick() => {} //事件方法
}

@Prop //从父组件中单向同步状态
@Link //与父组件双向同步状态
@Watch //监听状态

组件导入与导出：

export deflaut struct 组件名 {}
import {组件名} from "url";

UI开发思想：组件模块化

组件生命周期：指一个组件创造到销毁的过程

循环渲染：使用ForEach迭代数组，创造组件

​ 由数据来源、子组件生成函数、key值生成器

基础组件

List组件

ForEach循环渲染

实战

Grid组件

Tabs组件