27. 创建USS血条样式

创建 HealthBarUSS

内容如下所示

这个 CSS 选择器是什么意思呢?

.unity-progress-bar__container.unity-progress-bar__background.unity-progress-bar__progress分别会修改上面三张图里面的样式

在最后还添加了.highHealth.mediumHealth.lowHealth这三个样式,用来修改血条的颜色,并在代码中给它添加样式

首先要移除掉三个样式,当血条低于30%的时候,添加lowHealth样式;当血条低于60%的时候,添加mediumHealth;其它情况添加highHealth

项目相关代码

代码仓库:https://gitee.com/nbda1121440/DreamOfTheKingdom.git

标签:20240306_1150

posted @ 2024-03-06 12:01  hellozjf  阅读(41)  评论(0编辑  收藏  举报