装饰器 @Styles 和 @Extend

// 全局  
@Styles function functionName() { ... }  
  
// 在组件内  
@Component  
struct FancyUse {  
  @Styles fancy() {  
    .height(100)  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

// CommonAttribute.ets  
export class TitleTextAttribute implements AttributeModifier<TextAttribute> {  
  applyNormalAttribute(instance: TextAttribute): void {  
    instance.backgroundColor(Color.Black)  
    instance.fontColor(Color.White)  
    instance.fontSize(40)  
  }  
}  
  
// Index.ets  
import { TitleTextAttribute } from './CommonAttribute'  
  
@Entry  
@Component  
struct Index {  
  @State modifier: TitleTextAttribute = new TitleTextAttribute()  
  build() {  
    Row() {  
      Column() {  
        Text('Hello World')  
          .attributeModifier(this.modifier)  
      }  
      .width('100%')  
    }  
    .height('100%')  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.