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

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 如何全局复用样式

311浏览 • 1回复待解决

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

306浏览 • 1回复待解决

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

260浏览 • 1回复待解决

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

122浏览 • 1回复待解决

HarmonyOS 跨文件样式复用

70浏览 • 1回复待解决

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

7700浏览 • 3回复待解决

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

445浏览 • 1回复待解决

鸿蒙组件toast自定义样式

8760浏览 • 1回复待解决

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

377浏览 • 1回复待解决

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

302浏览 • 1回复待解决

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

2335浏览 • 1回复待解决

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

508浏览 • 1回复待解决

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

1906浏览 • 1回复待解决

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

306浏览 • 1回复待解决

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

2347浏览 • 1回复待解决

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

418浏览 • 0回复待解决

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

381浏览 • 1回复待解决

CounterComponent的样式是否可以自定义

192浏览 • 1回复待解决

Web组件获取高度不一样

2213浏览 • 1回复待解决

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

295浏览 • 1回复待解决

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

383浏览 • 1回复待解决

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

534浏览 • 1回复待解决

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

95浏览 • 0回复待解决

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

24浏览 • 1回复待解决

如何像配置color一样配置字体的大小？

695浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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