前7月四川省重点项目完成投资4834.7亿元 年度投资完成率达75.8%
2022-09-08 16:19:04
2023 年 2 月 18 日
(资料图)
最终效果：
之前虽然已经做好了 Level UI，但确实很简陋，作者比我想的还早（看来也是对视觉效果有追求的），直接就说要优化下样式。
在 Theme 中新增 Button 样式，添加 Normal 状态的材质样式，用点九切图的方式添加一个按钮的切图。
接着是一波设置：
按钮常态、Hover 态、按下态的 texture 样式、文字样式，Hover 态用黄色的按钮背景，按下态复制棕色背景并且唯一化，然后改变明度变成一半，文字也加深。
添加 PanelContainer，给文字添加背景。这个和我之前想的不一样，我就会直接放一个 Panel 在后面然后设置成半透黑，而他是用这个 PanelContainer 容器的 Theme 样式来直接改变通用效果，并且把其他的 UI 控件都包裹进去。
想要调整外层的间距，则是如上图在 MarginContainer 的 Theme Overrides/Constants 中设置 Margin 即可。
今天学会了一招，所有样式都可以在 theme 这里新增，比如今天就新增了 Button、PanelContainer 的样式，之前 Font 的样式也是在这里设置的。
右侧点击 + 添加类型，然后点全部覆盖，把需要设置的属性都放到 theme 的 Inspector 里面来修改。
设置完后，可以在预览窗口中看效果。
最后，作者还做了一点小优化，把字体上面的空隙给去掉了，是在 font 资源的 Extra Spacing 这里设置。
