上篇回顾 hdc基本命令的学习使用
本篇预告 认识一下我们鸿蒙的主力开发语言ArkTS的基本组成
一、 人都是视觉动物,千言万语不如图片一发。好了直接上图片
二、常用组成的介绍
- 装饰器:用于装饰类、结构、函数以及变量,并赋予其特殊的含义
- @Component表示自定义组件
- @Entry表示该自定义组件为入口组件
- @State表示组件中所有用到的状态变量,当状态变量的值发生变化时,会触发UI刷新
- 自定义组件:方便复用的UI单元,可整合其他组件为一个全新功能的组件,在实际开发当中相当有必要。朋友们一定要掌握哟。
- 系统组件:Column、Button、Text等都是系统基础组件,可以直接调用,
- 属性函数:修改属性以达到我们想要的效果。例如常用的fontSize width等
- 事件函数:组件可以通过链式调用多个事的响应逻辑,比如点击触角长按等
- 善意的遗漏:还有一个重要的组成UI描述,(上图中没有标出,对不起各位看官)以声明式的方式来描述UI的结构,对应的上图中***build()***函数内的代码块。
三、此外,ArkTS扩展了多种语法范式来使开发更加便捷:
@Builder/@BuilderParam:特殊的封装UI描述的方法,细粒度的封装和复用UI描述。
@Extend/@Styles:扩展内置组件和封装属性样式,更灵活地组合内置组件。
stateStyles:多态样式,可以依据组件的内部状态的不同,设置不同样式。