HarmonyOS 鸿蒙Next 重用样式里放 stateStyles 多态样式的正确姿势是什么样的？

HarmonyOS 鸿蒙Next 重用样式里放 stateStyles 多态样式的正确姿势是什么样的？ 方式2好像不行，只能再写一个自定义样式给多态样式用？

2 回复

多态样式只支持通用属性

更多关于HarmonyOS 鸿蒙Next 重用样式里放 stateStyles 多态样式的正确姿势是什么样的？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，重用样式时使用stateStyles多态样式的正确姿势是通过在style中定义stateStyles，并在组件中引用该样式。具体步骤如下：

  1. 定义样式：在resources/base/element/目录下的style.json文件中定义样式，包含stateStyles。例如：

    {
  "name": "myButtonStyle",
  "stateStyles": {
    "normal": {
      "backgroundColor": "#CCCCCC"
    },
    "pressed": {
      "backgroundColor": "#999999"
    }
  }
}

  2. 引用样式：在组件的style属性中引用定义好的样式。例如：

    {
  "type": "button",
  "style": "myButtonStyle"
}

  3. 组件状态：组件会根据用户交互状态（如normal、pressed）自动应用stateStyles中定义的样式。

通过这种方式，可以在鸿蒙Next中正确使用stateStyles实现多态样式重用。

回到顶部