MiniX自绘渲染跨平台框架
  • 框架说明
  • 声明式开发范式
  • 内置Api
指南
接口
  • Minix CLI
示例
  • 类Web框架

    • 框架说明
    • 类Web开发范式
    • 内置Api
  • 指南
  • 组件
  • 接口
  • 示例
  • 规范
  • DophinHybrid

    • 快速上手 (opens new window)
    • UI 组件库 (opens new window)
    • jsBridge 接口 (opens new window)
  • DolphinWeex

    • 快速上手 (opens new window)
    • UI 组件库 (opens new window)
    • jsBridge 接口 (opens new window)
  • 发布消息
  • 常见问题
  • 更新日志
  • 框架说明
  • 声明式开发范式
  • 内置Api
指南
接口
  • Minix CLI
示例
  • 类Web框架

    • 框架说明
    • 类Web开发范式
    • 内置Api
  • 指南
  • 组件
  • 接口
  • 示例
  • 规范
  • DophinHybrid

    • 快速上手 (opens new window)
    • UI 组件库 (opens new window)
    • jsBridge 接口 (opens new window)
  • DolphinWeex

    • 快速上手 (opens new window)
    • UI 组件库 (opens new window)
    • jsBridge 接口 (opens new window)
  • 发布消息
  • 常见问题
  • 更新日志
  • 框架说明

    • 概述
    • 声明式 UI 语法

      • 基本 UI 描述
      • 状态管理

        • 基本概念
          • 页面级变量的状态管理
          • 应用级变量的状态管理
        • 页面级变量的状态管理
        • 应用级变量的状态管理
      • 动态构建 UI 元素
      • 渲染控制
      • 使用限制与扩展
    • 深入理解组件化

    • 应用生命周期
    • 资源管理

    • 像素单位
    • 应用包结构配置文件的说明
  • 常见布局开发指导

  • 性能提升的推荐方法

# 基本概念

ArkTS 提供了多维度的状态管理机制,在声明式 UI 开发框架中,和 UI 相关联的数据,不仅可以在组件内使用,还可以在不同组件层级间传递,比如父子组件之间、爷孙组件之间,也可以是应用全局范围内的传递。另外,从数据的传递形式来看,可分为只读的单向传递和可变更的双向传递。开发者可以灵活地利用这些能力来实现数据和 UI 的联动。

# 页面级变量的状态管理

装饰器 装饰内容 说明
@State 基本数据类型,类,数组 修饰的状态数据被修改时会触发组件的 build 方法进行 UI 界面更新。
@Prop 基本数据类型 修改后的状态数据用于在父组件和子组件之间建立单向数据依赖关系。修改父组件关联数据时,当前组件会重新渲染。
@Link 基本数据类型,类,数组 父子组件之间的双向数据绑定,父组件的内部状态数据作为数据源,任何一方所做的修改都会反映给另一方。
@Observed 类 @Observed 应用于类,表示该类中的数据变更被 UI 页面管理。
@ObjectLink 被@Observed 所装饰类的对象 @ObjectLink 装饰的状态数据被修改时,在父组件或者其他兄弟组件内与它关联的状态数据所在的组件都会重新渲染。
@Consume 基本数据类型,类,数组 @Consume 装饰的变量在感知到@Provide 装饰的变量更新后,会触发当前自定义组件的重新渲染。
@Provide 基本数据类型,类,数组 @Provide 作为数据的提供方,可以更新其子孙节点的数据,并触发页面重新渲染。

# 应用级变量的状态管理

AppStorage 是整个应用程序状态的中心“数据库”,UI 框架会针对应用程序创建单例 AppStorage 对象,并提供相应的装饰器和接口供应用程序使用。

  • @StorageLink:@StorageLink(name)的原理类似于@Consume(name),不同的是,该给定名称的链接对象是从 AppStorage 中获得的,在 UI 组件和 AppStorage 之间建立双向绑定同步数据。
  • @StorageProp:@StorageProp(name)将 UI 组件数据与 AppStorage 进行单向同步,AppStorage 中值的更改会更新 UI 组件中的数据,但 UI 组件无法更改 AppStorage 中的数据。
  • AppStorage 还提供了用于业务逻辑实现的 API,用于添加、读取、修改和删除应用程序的状态数据,此 API 所做的更改会导致修改的状态数据同步到 UI 组件上进行 UI 更新。
  • PersistentStorage 提供了一些静态方法用来管理应用持久化数据,可以将特定标记的持久化数据链接到 AppStorage 中,并由 AppStorage 接口访问对应持久化数据,或者通过@StorageLink 装饰器来访问对应 key 的变量。
  • Environment 是框架在应用程序启动时创建的单例对象,它为 AppStorage 提供了一系列应用程序需要的环境状态数据,这些数据描述了应用程序运行的设备环境。