ArkTS学习笔记_UI界面的状态管理简述

ArkTS学习笔记_UI界面的状态管理简述

• 背景：
  我们在UI开发中，绝大多数的UI界面都是动态的、有用户交互的，为了实现动态交互，引入了一个概念“状态”，它主要是用来记录管理UI界面的状态变化（数据变化）。
• 作用：
  在UI开发中，UI是应用程序运行的结果，开发者构建的UI界面，在应用程序运行时，状态是UI的参数。当参数改变时，UI作为结果，也将进行对应的改变。运行时的所有状态的变化，都会让UI进行重新渲染，在ArkUI中统称为状态管理机制。

一、UI与状态的映射关系

• View(UI)： UI渲染，指将build方法内的UI描述和@Builder装饰的方法内的UI描述映射到界面。
• State： 状态，指驱动UI更新的数据。用户通过触发组件的事件方法，改变状态数据。状态数据的改变，引起UI的重新渲染。
  

二、自定义组件中的变量

• 状态变量： 被状态装饰器装饰的变量，状态变量值的改变会引起UI的渲染更新。
• 常规变量： 没有被状态装饰器装饰的变量，通常应用于辅助计算。它的改变永远不会引起UI的刷新。

@Component
struct MyComponent {
  @State count: number = 0; // 状态变量
  private increaseBy: number = 1; // 常规变量

  build() {
  }
}

三、状态变量的初始化

• 数据源/同步源： 状态变量的原始来源，可以同步给不同的状态数据。通常意义为父组件传给子组件的数据。
• 命名参数机制： 父组件通过指定参数传递给子组件的状态变量，为父子传递同步参数的主要手段。
• 从父组件初始化： 父组件使用命名参数机制，将指定参数传递给子组件。子组件初始化的默认值在有父组件传值的情况下，会被覆盖。
• 初始化子节点： 父组件中状态变量可以传递给子组件，初始化子组件对应的状态变量。
• 本地初始化： 在变量声明的时候赋值，作为变量的默认值。