HarmonyOS 鸿蒙应用开发 - Styles 通用样式

最新推荐文章于 2024-06-26 17:14:33 发布

落雨敏

最新推荐文章于 2024-06-26 17:14:33 发布

阅读量331

点赞数 1

分类专栏：鸿蒙应用文章标签：鸿蒙 ArkUI 鸿蒙通用样式鸿蒙Styles 鸿蒙Extend

本文链接：https://blog.csdn.net/lin857/article/details/139199910

版权

鸿蒙应用专栏收录该内容

6 篇文章 0 订阅

订阅专栏

前言：如果每个组件的样式都需要单独设置，在开发过程中会出现大量代码在进行重复样式设置，虽然可以复制粘贴，但为了代码简洁性和后续方便维护，使用公共样式进行复用的装饰器@Styles。

1、通用样式Styles

1、通用样式, 在内部不需要加function

2、通用样式, 在外部需要加function

2、扩展样式 Extend

指定Text或Button可进行扩展。优点：支持参数，可使用更多属性


// 指定样式
//优点：支持参数，可使用更多属性
@Extend(Text) function mySizeColor(size: number, color: Color | string) {
  .fontSize(size)
  .fontColor(color)
  .fontWeight(FontWeight.Bold)
}

@Extend(Text) function myTextStyle(size: number, color: Color | string) {
  .mySizeColor(size,color) //这里调用的上面的函数
  .fontWeight(FontWeight.Bold)
  .fontStyle(FontStyle.Italic)
}