#鸿蒙通关秘籍#使用stateStyles时如何依据组件的内部状态的不同快速设置不同样式?

HarmonyOS
6天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
JS梦织星
这里就要去组件本身上去设置对应的`stateStyles`属性,具体实现的代码如下:

```kotlin
@Entry
@Component
struct StateStylesSample {
    build() {
        Column() {
            Button('Button1')
                .stateStyles({
                    focused: {
                        .backgroundColor('#ffffeef0')
                    },
                    pressed: {
                        .backgroundColor('#ff707070')
                    },
                    normal: {
                        .backgroundColor('#ff2787d9')
                    }
                })
                .margin(20)
            Button('Button2')
                .stateStyles({
                    focused: {
                        .backgroundColor('#ffffeef0')
                    },
                    pressed: {
                        .backgroundColor('#ff707070')
                    },
                    normal: {
                        .backgroundColor('#ff2787d9')
                    }
                })
                .margin('30%')
        }
    }
}
分享
微博
QQ
微信
回复
6天前
相关问题
不同组件不同样式效果如何实现
331浏览 • 1回复 待解决
如何设置组件不同状态样式
1921浏览 • 1回复 待解决
设置组件不同状态样式
2052浏览 • 1回复 待解决