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

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

664浏览 • 1回复待解决

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

1138浏览 • 1回复待解决

HarmonyOS 如何全局复用样式

1539浏览 • 1回复待解决

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

695浏览 • 1回复待解决

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

1235浏览 • 1回复待解决

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

2185浏览 • 1回复待解决

HarmonyOS 跨文件复用样式

846浏览 • 1回复待解决

HarmonyOS 跨文件样式复用

980浏览 • 1回复待解决

HarmonyOS 全局UI样式复用

842浏览 • 1回复待解决

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

727浏览 • 1回复待解决

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

1409浏览 • 1回复待解决

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

1239浏览 • 1回复待解决

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

8771浏览 • 3回复待解决

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

1647浏览 • 1回复待解决

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

1162浏览 • 1回复待解决

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

1195浏览 • 1回复待解决

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

3070浏览 • 1回复待解决

鸿蒙组件toast自定义样式

10247浏览 • 1回复待解决

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

1379浏览 • 1回复待解决

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

1615浏览 • 1回复待解决

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

1395浏览 • 1回复待解决

4010浏览 • 1回复待解决

3207浏览 • 1回复待解决

3682浏览 • 1回复待解决

1473浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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