2024年HarmonyOS鸿蒙最新HarmonyOS 应用开发之stateStyles：多态样式(2)，程序员面试

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

  Button('Button2')
    .stateStyles({
      focused: {
        .backgroundColor(Color.Pink)
      },
      pressed: {
        .backgroundColor(Color.Black)
      },
      normal: {
        .backgroundColor(Color.Red)
      }
    })
}.margin('30%')

}
}

**图1** 获焦态和按压态


![](https://img-blog.csdnimg.cn/img_convert/72e687a8d1a470b18504bd67c41991a2.gif)


#### @Styles和stateStyles联合使用


以下示例通过@Styles指定stateStyles的不同状态。

@Entry
@Component
struct MyComponent {
@Styles normalStyle() {
.backgroundColor(Color.Gray)
}

@Styles pressedStyle() {
.backgroundColor(Color.Red)
}

build() {
Column() {
Text(‘Text1’)
.fontSize(50)
.fontColor(Color.White)
.stateStyles({
normal: this.normalStyle,
pressed: this.pressedStyle,
})
}
}
}

**图2** 正常态和按压态


![](https://img-blog.csdnimg.cn/img_convert/832bc065c505bed724674ccac8c490b2.webp?x-oss-process=image/format,png)


#### 在stateStyles里使用常规变量和状态变量


stateStyles可以通过this绑定组件内的常规变量和状态变量。

@Entry
@Component
struct CompWithInlineStateStyles {
@State focusedColor: Color = Color.Red;
normalColor: Color = Color.Green

build() {
Column() {
Button(‘clickMe’).height(100).width(100)
.stateStyles({
normal: {
.backgroundColor(this.normalColor)
},
focused: {
.backgroundColor(this.focusedColor)
}
})
.onClick(() => {
this.focusedColor = Color.Pink
})
.margin(‘30%’)
}
}
}

**深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**

![](https://img-blog.csdnimg.cn/direct/743b668910224b259a5ffe804fa6d0db.png)
![img](https://img-blog.csdnimg.cn/img_convert/45c12eb8df0cfd1d2682db2b78937ad3.png)
![img](https://img-blog.csdnimg.cn/img_convert/42776ab4d0005f6dd846c7bab1422f13.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！**

**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**

录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**