如果多个组件的样式是一样的，如何快速定义复用样式？

HarmonyOS

鸡翅可乐

2024-07-11 11:11:45

浏览

回答 2

待解决

回答 2

按赞同

按时间

droidzxy

可以使用@Styles用于样式的扩展，在@Styles的基础上，鸿蒙还提供了@Extend，用于扩展原生组件样式。

但@Styles仅支持通用属性和通用事件。

和@Styles不同，@Extend支持封装指定组件的私有属性、私有事件和自身定义的全局方法。

2024-07-11 16:57:42

十根玉米

例如：Text1和Text2的width，height，margin都一样

Text("Text1")
  .width(100)
  .height(150)
  .margin(20)

Text("Text2")
  .width(100)
  .height(150)
  .margin(20)

使用@Styles注解后，只需要封装textStyle方法，Text组件只需调用textStyle方法即可实现相同的效果。

@Styles
function textStyle() {
  .width(100)
  .height(150)
  .margin(20)
}


Text("Text1")
  .textStyle()
Text("Text2")
  .textStyle()

2024-07-12 10:03:26

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS 如何全局复用样式

250浏览 • 1回复待解决

HarmonyOS 容器组件如何自定义 / 如何在不同页面复用样式

210浏览 • 1回复待解决

HarmonyOS 有一个Text 有3个样式是固定的剩下还有4个样式根据不同的状态取值不一样可以抽取出来设置样式吗

275浏览 • 1回复待解决

HarmonyOS如何自定义视频组件样式

324浏览 • 1回复待解决

鸿蒙怎么实现UI控件样式复用？

7620浏览 • 3回复待解决

HarmonyOS web组件中的onRenderExited是不是和RenderProcessGone是一样的

383浏览 • 1回复待解决

如何根据依据组件的内部状态的不同，快速设置不同样式，都有哪些状态？

261浏览 • 1回复待解决

2239浏览 • 1回复待解决

1820浏览 • 1回复待解决

8654浏览 • 1回复待解决

298浏览 • 1回复待解决

2281浏览 • 1回复待解决

HarmonyOS promptAction能否支持Toast的样式自定义与CustomDialog的样式自定义？

201浏览 • 1回复待解决

如何自定义滚动条的样式？

436浏览 • 1回复待解决

HarmonyOS 如何设定tabs组件的tabbar样式

454浏览 • 1回复待解决

自定义组件实现了组件复用后，如果使用@Reuseable这个组件的复用范围是什么？

354浏览 • 0回复待解决

Web组件获取高度不一样

2095浏览 • 1回复待解决

grid组件的scrollBar不支持自定义样式，如何解决

295浏览 • 1回复待解决

CounterComponent的样式是否可以自定义

155浏览 • 1回复待解决

如何设置组件不同状态下的样式

1839浏览 • 1回复待解决

HarmonyOS 通过@Extend装饰器如何定义全局扩展组件样式

230浏览 • 1回复待解决

如何使用Styles动态的去修改组件当中的样式，比如要封装一个导航栏组件，使用该组件时传入对应的样式

166浏览 • 1回复待解决

HarmonyOS 如何封装一个类似promptAction.showDialog()一样的自定义弹窗？

299浏览 • 1回复待解决

如何使用相册，然后自定义一些相册样式？

35浏览 • 1回复待解决

HarmonyOS 自定义Slider样式

222浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

如果多个组件的样式是一样的，如何快速定义复用样式？

订阅鸿蒙技术特刊，精选内容抢先看