godot——主题、Theme、StyleBox

我刚开始被这些术语吓到了，一直不敢去接触它们，都用的默认样式。现在好不容易有点思路了，记录下来。

下面看看怎么自定义样式。

1.先新建一个Theme

2.再次点击创建好的Theme

得到 图1 这样一个面板。（看不懂没事，继续看下去）

假如我要调整 按钮 的样式，那么点击 加号 ，在弹出框中选中按钮 。

然后按照 图3 中的红框指引，可以根据 name 得知：

focus 是按钮获得焦点时的样式

hover 是鼠标悬停时的样式

normal 是按钮的正常状态下的样式

图1

图2

图3

3. 点击加号，添加自己的样式。

下面我修改了noraml, pressed, focus, hover 状态下的按钮样式。

可以在左侧的预览页面看到变化。

 

4.其它功能

其它可调整的样式，就是在红框中的选项卡里探索咯。

左侧第1个可以调整  字体、图标 等 在  hover, focus,press  等状态下的颜色样式

左侧第2个可以调整一些常量，比如  内边距、图标与文字的水平距离等

左侧第3个是字体大小

左侧第4个是不同字体，如微软雅黑、宋体

左侧第5个是 小图标

左侧第6个，一般设置控件的专有样式

5. 其它说明

Theme样式是子控件继承父控件的，只要在父控件设置Theme就可以了，当然，子控件设置Theme的优先级更高。

不同控件，可以设置的样式种类也是不同的。

pressed, focus, hover 分别对应：按下时，获得焦点时，鼠标悬停时

进阶：godot--自定义边框/选中时样式 StyleBoxTexture-CSDN博客