首页 > 其他分享 >Godot Label样式 Textrue纹理,实现样式修改,背景填充

Godot Label样式 Textrue纹理,实现样式修改,背景填充

时间:2024-04-12 09:37:30浏览次数:29  
标签:Godot 填充 样式 StyleBoxFlat Label StyleBoxTexture 属性

目录

前言

在Godot中,直接的BackGroud背景颜色这个属性。Godot中使用的是Textrue纹理这个属性来表示文本的信息

运行环境

  • Godot 4.2.1
  • Windows 10

新建项目

我们新建一个Godot 项目,添加一个Label节点

Style 样式讲解

样式一共有四种:

  • StyleBoxEmpty:普通样式
  • StyleBoxTexture:字体样式
  • StyleBoxFlat:填充样式
  • StyleBoxLine:行样式

四种样式互斥,所以你只能添加一种样式。至于是为什么,我也不知道。

StyleBoxEmpty:普通样式


在普通样式中,我们终于看到了CSS常用的属性,Margin。然后就没有别的属性了

StyleBoxTexture:字体样式

在【StyleBoxTexture】中,我们可以看到,基本该有的都有了,Margin和Padding。但是不能设置背景颜色

StyleBoxFlat:填充样式

【StyleBoxFlat】肯定是我们最熟悉的样式了,这个里面包含了很多常用的CSS属性,基本已经够用了

  • Margin
  • Padding
  • Border
  • Corner Radius
  • Shadow

一些常用的样式都能写的出来

StyleBoxLine:行样式

我是根本看不出有啥用

总结

直接用【StyleBoxFlat】就行了,基本已经够用了

标签:Godot,填充,样式,StyleBoxFlat,Label,StyleBoxTexture,属性
From: https://www.cnblogs.com/gclove2000/p/18130432

相关文章

  • vite+xlsx-style表格导出样式设置报错
    项目是vite+vue3,前端表格导出,使用xlsx可以导出基本表格,但是想要设置表格样式,引入xlsx-style,安装依赖,后引入报错引用import { utils } from "xlsx"import { write } from "xlsx-style"Couldnotresolve"./cptable"node_modules/xlsx-style/dist/cpexce......
  • echarts折线图 x 轴 y 轴不展示 背景图为网格 鼠标划上样式修改等
    :header-cell-style="{backgroundColor:'#F6F8F9',color:'#333',textAlign:'center'}" 要求1、折线为渐变色2、折线区域渐变色3、x轴y轴不展示 4、折线图背景为网格   5、鼠标划上样式修改 constoption={title:{......
  • label的for属性
    一、使用介绍<label>专为input元素服务,为其定义标记。for属性规定label与哪个表单元素绑定label和表单控件绑定方式又两种:1、将表单控件作为label的内容,这样就是隐士绑定。此时不需要for属性,绑定的控件也不需要id属性。12隐式绑定:<label>DateofBirth:<input typ......
  • 转载:利用css伪元素根据个数设定不同的样式
    【 题目】CSS判断子元素的数量来动态设置子元素的样式,css判断子元素有多少个【作者】lonelyshy 原文链接:https://www.cnblogs.com/lonelyshy/p/13917871.html   下边跟原文一样,怕之后找的时候找不到了。先存着之后仔细整理。先看看最终实现样式1个item 宽度占100% ......
  • UEditorPlus v2.5.0发布 Latex公式编辑,源码样式优化
    https://baijiahao.baidu.com/s?id=1746081463616396221&wfr=spider&for=pc UEditor是由百度开发的所见即所得的开源富文本编辑器,基于MIT开源协议,该富文本编辑器帮助不少网站开发者解决富文本编辑器的难点。UEditorPlus是有ModStart团队基于UEditor二次开发的富文......
  • Obsidian自定义代码块样式成Typora
    先来效果图修改前效果:修改后效果:编辑模式:预览模式:两种模式的表现间距略有不同,但不影响.添加自定义css样式.markdown-source-view.mod-cm6.cm-content>.HyperMD-codeblock{border-width:01px01px;border-style:solid;border-color:#E7EAE......
  • 【QT入门】Qt自定义控件与样式设计之QPushButton常用qss
    往期回顾【QT入门】Qt自定义控件与样式设计之qss介绍(Qtstylesheet)-CSDN博客【QT入门】Qt自定义控件与样式设计之qss选择器-CSDN博客【QT入门】Qt自定义控件与样式设计之QLineEdit的qss使用-CSDN博客 【QT入门】Qt自定义控件与样式设计之QPushButton常用qss这里我......
  • 【QT入门】 Qt自定义控件与样式设计之QCheckBox qss实现按钮开关
    往期回顾【QT入门】Qt自定义控件与样式设计之QPushButton常用qss-CSDN博客【QT入门】Qt自定义控件与样式设计之QPushButton实现鼠标悬浮按钮弹出对话框-CSDN博客【QT入门】Qt自定义控件与样式设计之QComboBox样式表介绍-CSDN博客 【QT入门】Qt自定义控件与样式设计之......
  • uniapp转译微信小程序动态样式语法问题(:style)
    这样书写之后编译成微信小程序时会出现一下情况造成此类原因是因为我们直接给了一个对象而不是字符串(即直接给字符串不会出现此类问题)而微信不能直接识别所以直接在动态赋值时加上中括号......
  • 处理全局样式
    示例本次采用vite+vue3首先在@/themes/variable.scss文件创建:root{ --bg-color:#22416f;//默认背景颜色--color:rgb(39,204,207);--el-color-primary:#fff;}$bg-color:var(--bg-color);//默认背景颜色$color:var(--color);$All-color:var(--el-col......