ArkTS言语基本组成的学习

上篇回顾 hdc基本命令的学习使用

本篇预告 认识一下我们鸿蒙的主力开发语言ArkTS的基本组成

一、 人都是视觉动物，千言万语不如图片一发。好了直接上图片

二、常用组成的介绍

1. 装饰器：用于装饰类、结构、函数以及变量，并赋予其特殊的含义

• @Component表示自定义组件
• @Entry表示该自定义组件为入口组件
• @State表示组件中所有用到的状态变量，当状态变量的值发生变化时，会触发UI刷新

2. 自定义组件：方便复用的UI单元，可整合其他组件为一个全新功能的组件，在实际开发当中相当有必要。朋友们一定要掌握哟。
3. 系统组件：Column、Button、Text等都是系统基础组件，可以直接调用，
4. 属性函数：修改属性以达到我们想要的效果。例如常用的fontSize width等
5. 事件函数：组件可以通过链式调用多个事的响应逻辑，比如点击触角长按等
6. 善意的遗漏：还有一个重要的组成UI描述，（上图中没有标出，对不起各位看官）以声明式的方式来描述UI的结构，对应的上图中***build（）***函数内的代码块。

三、此外，ArkTS扩展了多种语法范式来使开发更加便捷：

@Builder/@BuilderParam：特殊的封装UI描述的方法，细粒度的封装和复用UI描述。
@Extend/@Styles：扩展内置组件和封装属性样式，更灵活地组合内置组件。
stateStyles：多态样式，可以依据组件的内部状态的不同，设置不同样式。