ArkTs基础语法-声明式UI-基本概念

基本概念

• 装饰器：用于装饰类、结构、方法及变量，并赋予其特殊的含义。

  例如：
  @Entry 有该装饰器的自定义组件，可以在UIAbility中使用，作为页面入口。该装饰器配合@Component装饰器使用
  @Component 自定义组件
  @State 表示组件中的状态变量，状态变化会出发UI刷新。
  @L

• UI描述：以声明式的方式来描述UI的结构，在组件的build方法中。

• 自定义组件：可复用的UI单元，可组合其他组件。

• 系统组件：ArkUI框架中默认内置的基础和容器组件。例如：Column、Row、Text、Image、Button等。

• 属性方法：ArkTs中，使用链式调用的方式来配置组件属性。

• 事件方法：事件响应逻辑，也是使用链式调用的方式，设置如onclick方法等，在方法内部进行实现。

基础的组件一般就是由上述部分组成，如下图：

当然，也有一些其他的语法范式方便我们进行封装复用，如：

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

• @Builder/@BuilderParam：特殊的封装UI描述的方法，细粒度的封装和复用UI描述。

• @Extend/@Styles：扩展内置组件和封装属性样式，更灵活地组合内置组件。

• stateStyles：多态样式，可以依据组件的内部状态的不同，设置不同样式。

这些后续会讲到。

声明式UI描述