ArkTS学习笔记_封装复用之@Styles装饰器

ArkTS学习笔记_封装复用之@Styles装饰器

• 背景：
  在开发中，如果每个组件的样式都需要单独设置，就会出现大量代码在进行重复样式设置，虽然可以复制粘贴，但为了代码简洁性和后续方便维护，给出的思路是：提炼和封装相同的样式成方法，方便复用调用，装饰器@Style孕育而生。
• 作用:
  @Styles装饰器可以将多条样式设置，提炼成一个方法，直接在组件使用的位置调用即可复用。通过@Styles装饰器可以快速定义并复用自定义样式。用于快速定义并复用自定义样式。

一、@Styles装饰器使用说明

1. 当前@Styles仅支持通用属性和通用事件。
2. @Styles方法不支持参数，反例如下。

// 反例： @Styles不支持参数
@Styles function globalFancy (value: number) {
   
  .width(value)
}

3. @Styles可以定义在组件内或全局。
   在全局定义时需在方法名前面添加function关键字，组件内定义时则不需要添加function关键字。

// 全局，前面添加function关键字
@Styles function functionName() {
    ... }