HarmonyOS

基本概念

bash 复制代码
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})})
相关推荐
Harmony_QI2 小时前
鸿蒙北向开发环境安装指南
华为·harmonyos·鸿蒙
郝晨妤19 小时前
[HarmonyOS]简单说一下鸿蒙架构
华为·架构·harmonyos·鸿蒙
️ 邪神1 天前
【Android、IOS、Flutter、鸿蒙、ReactNative 】约束布局
android·flutter·ios·鸿蒙·reactnative
zhongcx011 天前
鸿蒙NEXT开发案例:转盘
华为·harmonyos·鸿蒙·鸿蒙next
郝晨妤2 天前
鸿蒙ArkTS和TS有什么区别?
前端·javascript·typescript·鸿蒙
️ 邪神2 天前
【Android、IOS、Flutter、鸿蒙、ReactNative 】文本点击事件
flutter·ios·鸿蒙·reactnative·anroid
️ 邪神2 天前
【Android、IOS、Flutter、鸿蒙、ReactNative 】文本Text显示
flutter·ios·鸿蒙·reactnative·anroid
ღ张明宇࿐3 天前
MacOs上如何彻底卸载DevEco Studio?
macos·鸿蒙·deveco studio
林家凌宇3 天前
【从零开始鸿蒙开发:01】自定义闪屏页
前端·chrome·华为·鸿蒙·鸿蒙系统·arkui·鸿蒙自定义闪屏页
鸿蒙自习室4 天前
鸿蒙多线程开发——Worker多线程
ui·华为·harmonyos·鸿蒙