《HarmonyOS应用开发基础》 课件 实操 项目2-任务2 认识ArkTS声明式开发.pptx

任务2认识ArkTS声明式开发项目2走进ArkTS声明式开发

任务2认识ArkTS声明式开发本任务完成使用ArkTS语法调用和配置组件属性，并使用@State状态变量感受ArkTS的状态管理等相应的能力。任务描述

任务效果图预览练习ArkTS的一些公共属性与体验状态变量@State的效果。

任务实施

0102030504用声明式语法编写页面跟踪组件的声明文件使用@State状态变量设置组件的常用公共属性查阅组件的公共属性源码

声明式的页面结构语法糖链式调用01用声明式语法编写页面

鼠标停留在组件位置，使用“CTRL+左键”跟踪源码在源码中查看组件的用途、参数和属性02跟踪组件的声明文件

ArkTS的基础组件直接或者间接的都继承自CommonMethod类，CommonMethod中定义的属性样式属于公共样式。03查阅组件的公共属性源码declareclassCommonMethodT{//T是指CommonMethod的所有子类width(value:Length):T;//宽height(value:Length):T;//高size(value:SizeOptions):T;//大小layoutWeight(value:number|string):T;//权重padding(value:Padding|Length):T;//内边距margin(value:Margin|Length):T;//外边距backgroundColor(value:ResourceColor):T;//背景颜色border(value:BorderOptions):T;//边框onClick(event:(event?:ClickEvent)=void):T;//点击事件//其他公共属性略}

04设置组件的常用公共属性设置组件的宽高与背景等设置组件的内边距与外边距

05使用@State状态变量使用@State修饰变量在组件的点击事件中修改状态变量的值

任务2认识ArkTS声明式开发本任务了解和认识了ArkUI框架、ArkTS声明式开发范式的UI描述方式，通过查找组件源码的方式，学习了组件的参数配置和属性设置，并用装饰器@State初步体验数据驱动UI更新的响应式编程的奇妙之处。任务小结