Lines Matching refs:Modifier

85 ## 自定义Modifier
86 从API version 12开始，开发者可使用自定义Modifier构建组件并配置属性，通过此自定义的Modifier可调用所封装组件的属性和样式接口。 
88 **自定义Modifier支持范围:**  
91 未暴露的组件Modifier可以使用CommonModifier。 
94 1. 设置自定义Modifier给一个组件，该组件对应属性生效。  
95 2. 自定义Modifier属性值变化，组件对应属性也会变化。自定义Modifier类型为基类，构造的对象为子类对象，使用时要通过as进行类型断言为子类。  
96 3. 一个自定义Modifier设置给两个组件，Modifier属性变化的时候对两个组件同时生效。  
97 4. 一个Modifier设置了属性A和属性B，再设置属性C和属性D，4个属性同时在组件上生效。  
98 5. 自定义Modifier不支持@State标注的状态数据的变化感知，见示例2。  
102 ### 示例1（组件绑定Modifier）
104 该示例通过Button绑定Modifier实现了按压态的效果。如果配合状态管理V2使用，详情见：[Modifier与makeObserved](../../../quick-start/arkts-…
174 ### 示例2（自定义Modifier不支持感知@State装饰的状态数据变化）
176 该示例通过状态数据设置自定义Modifier的宽度，自定义Modifier不支持感知@State装饰的状态数据变化，点击按钮后宽度不发生改变。
208           console.log("Modifier","onClick")
212             console.log("Modifier","setGroup1")
215             console.log("Modifier","setGroup2")
226 ### 示例3（Modifier和自定义Modifier的属性同时生效）
228 该示例通过自定义Modifier设置了width和height，点击按钮时设置borderStyle和borderWidth，点击后4个属性同时生效。 
269           console.log("Modifier","onClick")
273             console.log("Modifier","setGroup1")
276             console.log("Modifier","setGroup2")