当前位置: 首页 > news >正文

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博客

http://www.lryc.cn/news/483162.html

相关文章:

  • 深入理解接口测试:实用指南与最佳实践5.0(一)
  • SQL面试题——飞猪SQL面试 重点用户
  • Angular 和 Vue2.0 对比
  • websocket服务器(协程风格)--swoole进阶篇
  • Windows C/C++ Socket 编程
  • 计算两个结构的乘法
  • 学校服务器连接pycharm配置2
  • AI赋能电商:创新应用提升销售与用户体验
  • 详解kafka消息发送重试机制的案例
  • linux文本管理!!!
  • 软件设计师-计算机体系结构分类
  • 《基于深度学习的车辆行驶三维环境双目感知方法研究》
  • jwt用户登录,网关给微服务传递用户信息,以及微服务间feign调用传递用户信息
  • ubontu安装anaconda
  • 【Docker容器化技术】docker安装与配置、常用命令、容器数据卷、应用部署实战、Dockerfile、服务编排docker-compose、私有仓库
  • Python模拟A卷实操题
  • Leetcode 检测相邻递增子数组
  • rockylinux 8安装 gcc11.2
  • 【蓝桥等考C++真题】蓝桥杯等级考试C++组第13级L13真题原题(含答案)-奇数序列排序
  • 【AI】好用的AI记录
  • linux安装boost.python
  • AI 扩展开发者思维方式:以 SQL 查询优化为例
  • 自定义面板,高效的游戏性能分析利器
  • 【Linux进程特别篇】深度理解辨识僵尸进程和孤儿进程
  • 喜报|超维机器人荣获昇腾AI创新大赛铜奖
  • 从五种架构风格推导出HTTP的REST架构
  • vue-h5:在h5中实现相机拍照加上身份证人相框和国徽框
  • 免费HTML模板和CSS样式网站汇总
  • Mac打开time machine(时间机器)备份特殊文件
  • Qt 学习第十六天:文件和事件