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

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 复用样式

677浏览 • 1回复待解决

HarmonyOS 如何全局复用样式

1576浏览 • 1回复待解决

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

1158浏览 • 1回复待解决

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

1264浏览 • 1回复待解决

HarmonyOS 组件重用，复用的地方所需属性的值不一样如何规避

705浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在ArkTS中定义和使用@Styles实现组件样式的复用？

2255浏览 • 1回复待解决

HarmonyOS 跨文件样式复用

1003浏览 • 1回复待解决

HarmonyOS 全局UI样式复用

862浏览 • 1回复待解决

HarmonyOS 跨文件复用样式

874浏览 • 1回复待解决

HarmonyOS 如何像系统组件Column一样，传递自定义的组件

765浏览 • 1回复待解决

#鸿蒙通关秘籍#如何实现鸿蒙应用中组件的跨文件样式复用？

1268浏览 • 1回复待解决

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

1423浏览 • 1回复待解决

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

1701浏览 • 1回复待解决

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

8798浏览 • 3回复待解决

#鸿蒙通关秘籍#如何自定义Toggle组件的样式？

1188浏览 • 1回复待解决

如何实现一个自定义样式的toast提示

3096浏览 • 1回复待解决

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

1226浏览 • 1回复待解决

如何自定义Video组件控制栏样式

4098浏览 • 1回复待解决

如何实现一个仪表盘样式的组件？

1399浏览 • 1回复待解决

鸿蒙组件toast自定义样式

10292浏览 • 1回复待解决

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

1432浏览 • 1回复待解决

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

1676浏览 • 1回复待解决

@Extend的样式如何跨组件共享？

3238浏览 • 1回复待解决

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

1525浏览 • 1回复待解决

HarmonyOS 如何实现券组件的挖空样式？

864浏览 • 0回复待解决

51CTO

51CTO博客

51CTO学堂

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

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