一、引言
在鸿蒙Next开发中,类属性的观测对于状态管理至关重要。本文将详细介绍@ObservedV2
装饰器和@Trace
装饰器的功能、使用方法、限制以及应用场景,帮助开发者更好地理解和运用这两个装饰器进行类属性变化观测,从而实现更高效的状态管理。
二、装饰器概述
(一)功能
@ObservedV2
与@Trace
装饰器配合使用,赋予类和属性深度观测能力,使被装饰的类和属性在变化时能触发相应UI组件刷新,增强状态管理框架对类对象属性的观测能力。
(二)版本支持
从API version 12开始支持@ObservedV2
与@Trace
装饰器。
(三)注意事项
当前状态管理(V2试用版)仍在开发中,功能尚未成熟,开发者可尝鲜试用。
三、装饰器说明
(一)@ObservedV2类装饰器
- 参数:无。
- 作用:装饰class,放在class定义前,用于创建类对象,使类具备被观测的能力。
(二)@Trace成员变量装饰器
- 参数:无。
- 作用:装饰class中的成员属性,属性类型可为number、string、boolean、class、Array、Date、Map、Set等,使被装饰属性变化时可被观测。
四、观察变化机制
(一)触发UI刷新条件
使用@ObservedV2
装饰的类中,被@Trace
装饰的属性值变化时,会触发该属性绑定的UI组件刷新。
(二)不同场景下的观测能力
- 嵌套类场景
- 当嵌套类中的属性被
@Trace
装饰且嵌套类被@ObservedV2
装饰时,该属性变化具有触发UI刷新的能力。 - 例如,在
Pencil
类(被@ObservedV2
装饰)中,属性length
(被@Trace
装饰)变化时,关联的UI组件会刷新。但如果son
变量(非状态变量)重新赋值,即使length
属性变化,UI也不会刷新。
- 当嵌套类中的属性被
- 继承类场景
- 无论是在基类还是继承类中,被
@Trace
装饰的属性变化都可被观测并触发UI刷新。 - 如在
GrandFather
类(被@ObservedV2
装饰)中,属性age
(被@Trace
装饰),在Son
类或Cousin
类实例中改变age
值,UI会相应刷新。
- 无论是在基类还是继承类中,被
- 静态属性场景
- 类中被
@Trace
装饰的静态属性变化时,也能触发UI刷新。
- 类中被
(三)对内置类型的观测
@Trace
装饰内置类型(如Array、Date、Map、Set等)时,可观测各自API导致的变化,具体API如下:
类型 | 可观测变化的API |
---|---|
Array | push、pop、shift、unshift、splice、copyWithin、fill、reverse、sort |
Date | setFullYear, setMonth, setDate, setHours, setMinutes, setSeconds, setMilliseconds, setTime, setUTCFullYear, setUTCMonth, setUTCDate, setUTCHours, setUTCMinutes, setUTCSeconds, setUTCMilliseconds |
Map | set, clear, delete |
Set | add, clear, delete |
五、使用限制
(一)UI刷新限制
非@Trace
装饰的成员属性用在UI上无法触发UI刷新。
(二)装饰器使用限制
@Trace
不能用在未被@ObservedV2
装饰的class上。@Trace
不能用在struct中。@ObservedV2
、@Trace
不能与@Observed
、@Track
混合使用。- 使用
@ObservedV2
与@Trace
装饰的类不能和@State
等V1的装饰器混合使用,继承自@ObservedV2
的类也无法和@State
等V1的装饰器混用。 @ObservedV2
的类实例目前不支持使用JSON.stringify进行序列化。
六、使用场景
(一)嵌套类场景
在嵌套类结构中,如Pencil
类(被@ObservedV2
装饰)中的length
属性(被@Trace
装饰),其变化可触发关联UI组件刷新。但如果外层非状态变量重新赋值,会导致UI无法观测到内部属性变化。
(二)继承类场景
在类继承关系中,如GrandFather
类(被@ObservedV2
装饰)的age
属性(被@Trace
装饰),在Son
类或Cousin
类实例中改变age
值,UI会刷新。
(三)装饰不同类型
- 基础类型数组:
@Trace
装饰Arr
类中的numberArr
数组(@ObservedV2
装饰Arr
类),使用支持的数组API操作时可观测到变化。 - 对象数组:
@Trace
装饰Info
类中的personList
对象数组(@ObservedV2
装饰Info
类)以及Person
类中的age
属性,当personList
或age
改变时可观测到变化。 - Map类型:
@Trace
装饰Info
类中的memberMap
(@ObservedV2
装饰Info
类),调用set
、clear
、delete
等API时可观测到变化,对memberMap
赋值也可观测。
七、总结
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦