HarmonyOS鸿蒙Next中@Styles修饰的函数内部语法建议

刚开始学习鸿蒙 next ArkUI，目前学到@Styles装饰器，看到其修饰函数的内部语法，有点点小建议。

目前的语法：

@Styles fancy(){
    .height(100)
}

直接.height(100)是否有点“万丈高楼凭空起”的感觉，很突兀不够严谨。是否可以改为：

@Styles fancy(){
    this.height(100)
}

this指向要修饰的组件

我没深入看@Styles的实现，是简单的文本替换吗

2 回复

@Styles装饰器是设计本意指的是属性集合，所以内部实现可能类似于#define的替换，所以不适合加上this

更多关于HarmonyOS鸿蒙Next中@Styles修饰的函数内部语法建议的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，@Styles修饰的函数用于定义可复用的样式。建议在函数内部使用简洁的语法，避免复杂逻辑。例如：

@Styles function commonStyle() {
  .width(100)
  .height(100)
  .backgroundColor(Color.Red)
}

这样可以确保样式函数清晰易读，便于维护和复用。

回到顶部