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

@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%')
        }
    }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.