基本概念
 
1、ARKTS是由ArkUI框架提供,它是声明式UI
2、声明式UI的思想:- 关心描述UI的呈现结果,而不关心过程;-  状态驱动视图更新
 
自定义组件的组成
 
| 关键字 | 说明 | 举例 | 
|---|
| struct | 声明组件名 | struct ToDolist 代办组件 | 
| @Entry+@Component | 装饰器,构成自定义组件 | @Entry和@Component结合使用,构成自定义组件的入口,会在页面加载时首先进行渲染 | 
| build | 进行UI描述 | build(){} | 
| Column | 内置组件 | build(){Column(){}} | 
| Text | 内置组件 | build(){Column(){ Text(){}}} | 
| fontSize | 字体大小 | Text(‘您好’).fontSize(50) | 
| Row | 内置组件 | build(){Row(){Imge() Text()}} | 
| @State | 声明成@State后,就建立了数据和视图之间的绑定关系 | @State isComplete:boolean=false; | 
| @Builder | 装饰器,修饰一个函数,快速生成布局内容,避免重复写UI | @Builder labelcon(url){ Image(url)…} | 
| ForEach | 每个item需要的内容参数从外部传递,需要使用{} | ForEach(this.addTasks,(item)=>{todoItem({content:Item})}) |