Godot中所有UI节点介绍

最新推荐文章于 2025-05-10 10:13:32 发布
最新推荐文章于 2025-05-10 10:13:32 发布
阅读量2.1k 收藏 42
点赞数 30
分类专栏： Godot游戏开发 文章标签： godot ui 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/watch361/article/details/139864866
版权

Godot中所有UI节点介绍

文章目录

如果您觉得有用的话麻烦您收藏和关注，您的收藏和关注对我真的很重要！

前言

UI节点是游戏界面中常用的节点，但是很多UI节点可能用的次数很少，所以我写一下，做个基础介绍而已，主要是为了提醒自己UI界面具有多种制作方法。

理论上只使用ui界面也可以制作一个完整的文字冒险游戏

面板，节点 输入元素，滚动条，滑块，菜单栏，标签栏

基础容器

一、Container

在这里插入图片描述
Container是所有不同类型容器的基类，可以容纳节点决定它们的位置。也是总节点而已

二、AspectRatioContainer

在这里插入图片描述
AspectRatioContainer 长宽比容器，就是保持里面固定的长宽比，也就是里面图片和视频的纵横比不受分辨率等影响

三、BoxContainer

在这里插入图片描述
BoxContainer让容器内内容能够排列，一般子节点VBoxContainer和HBoxContainer，纵向和横向排列

四、VBoxContainer

在这里插入图片描述
UI纵向排列

五、HBoxContainer

在这里插入图片描述
UI横向排列

六、CenterContainer

在这里插入图片描述
元素子空间始终保持在中心

七、FlowContainer

在这里插入图片描述
允许元素按照文本的方式定位，让元素从左向右（或从上到下）放置，直到他们到达末端，此时回创造一行新的，让元素换行显示，就如同中文换行一样

八、HFlowContainer

在这里插入图片描述
让元素从左向右）换行显示，就如同中文换行一样

九、VFlowContainer

在这里插入图片描述
让元素从从上到下换行显示，就如同中文换行一样

十、GridContainer

在这里插入图片描述
网格显示，游戏中背包元素等都用这个实现。能够行列均匀分布排列换行

分隔相关

十一、Separator

在这里插入图片描述
分割线基类，用来分隔两个区域

十二、HSeparator

在这里插入图片描述
分割线，水平分割

十三、VSeparator

在这里插入图片描述
分割线，垂直分割成两区域

十四、SplitContainer

在这里插入图片描述
分隔容器的基类，只能含两个元素

十五、HSplitContainer

在这里插入图片描述
水平分割两个容器

十六、VSplitContainer

在这里插入图片描述
垂直分割两个容器

十七、MargintContainer

在这里插入图片描述
边距容器，主要作用就是设置元素的自定义边距

十八、PanelContainer

在这里插入图片描述
PanelContainer

十九、ScrollContainer

在这里插入图片描述
滚动条容器，一般用于子节点自动添加滚动条，能够鼠标滚轮使用，这个滚动容器必须指定是垂直或者水平才能正常工作，父节点必须有VBoxContainer或者HBoxContainer

二十、TabContainer

在这里插入图片描述
创建一个有标签的系统，做游戏属性栏、配置栏、系统设定等使用，能够区分开各种选项卡，类似 qt中tabwidget。

标签

二十一、Label

在这里插入图片描述
Label是标签，所有界面几乎都有的一个显示纯文本的控件

二十二、RichTextLabel

在这里插入图片描述
RichTextLabel是富文本标签，能够显示更复杂的文本，例如加粗，斜体或者其他文本标记

图片

二十三、ColorRect

在这里插入图片描述
一个可以设置颜色的矩形，适用于部分颜色遮挡或者添加图片

视频

二十四、VideoStreamPlayer

在这里插入图片描述
UI中添加能够播放视频的控件

面板

二十五、Panel

在这里插入图片描述
面板容器，最基础的面板，一般用来做基础容器的分组

二十六、NinePatchRect

在这里插入图片描述
9片式面板，增加纹理后，能够让纹理的边角不变，但是中心能够拉伸，用于标题和标签的制作

按钮相关

二十七、Button

在这里插入图片描述
最基础的按钮，能够包括文字和图标

二十八、CheckButton

在这里插入图片描述

二十九、BaseButton

在这里插入图片描述
基本按钮，样式使用主题

三十、TextureButton

在这里插入图片描述
纹理按钮，能够使用自定义纹理，例如图片等。

三十一、LinkButton

在这里插入图片描述
链接按钮，如同文字上超链接一样，跳转网页

三十二、MenuButton

在这里插入图片描述
菜单按钮，能够点击出现下拉菜单按钮，

三十三、OptionButton

在这里插入图片描述

选项按钮，能够点击出现下拉菜单按钮，和menu类似。参数不同

三十四、CheckButton

在这里插入图片描述

切换按钮，切换后立刻使用

三十五、CheckBox

在这里插入图片描述
也是切换选择框，主要是选择后不立刻执行

三十六、ColorPickerButton

在这里插入图片描述
颜色选择按钮，能够比较方便的改变按钮颜色

文本相关

三十七、LineEdit

在这里插入图片描述

行编辑器，单文本编辑段。常规简单文本都可以使用

三十八、TextEdit

在这里插入图片描述
文本编辑器，输入文本做复杂处理

三十九、CodeEdit

在这里插入图片描述

代码编辑器、输入代码自动做代码的对齐

四十、SpinBox

在这里插入图片描述
带有箭头的文字输入框

进度条

四十一、Range

在这里插入图片描述

范围节点，用来显示当前节点的最大值和最小值范围

四十二、ProgressBar

在这里插入图片描述
ProgressBar是进度条组件，一般用于进度条或者血量显示。

四十三、TextureProgressBar

在这里插入图片描述
TextureProgressBar基于纹理的进度条，能够创建更加复杂好看的进度条，和ProgressBar一样

滚动条

四十四、HScrollBar

在这里插入图片描述
水平滚动条，控制滚动的内容，使用户能够滚动查看内容的隐藏部分，没有水平容器常用

四十五、VScrollBar

在这里插入图片描述
垂直滚动条，控制滚动的内容，使用户能够滚动查看内容的隐藏部分，没有垂直容器常用

滚动滑块

四十六、VSlider

在这里插入图片描述
和VScrollBar类似的垂直滑块，用来控制数值，最大值最小值方向相反

四十七、HSlider

在这里插入图片描述
和HScrollBar类似的水平滑块，用来控制数值。

菜单相关

四十八、ItemList

在这里插入图片描述
ItemList是项目列表，用来创建一个可选的项目选单，类似菜单按钮。

四十九、MenuBar

在这里插入图片描述
菜单栏，用于子节点添加菜单按钮做下拉式菜单

五十、TabBar

在这里插入图片描述
TabBar是标签栏，提供类似标签的选项

渲染相关

五十一、ReferenceRect

在这里插入图片描述
渲染一个固定区域做UI的指示。

五十二、Tree

在这里插入图片描述
用于添加复杂任务线的分支设置

渲染图形

五十三、GraphEdit

在这里插入图片描述
GraphEdit是渲染图形的UI节点

五十四、GraphNode

在这里插入图片描述
GraphNode主要是做图形渲染的节点，没用过

Godot引擎开发：UI和用户交互_控制节点与UI元素
chenlz2007的博客
01-05 748
控制节点是Godot引擎中的一个特殊节点类型，它们继承自Control类。与Node2D和Spatial节点不同，控制节点主要用于布局和界面设计。控制节点可以包含子节点，这些子节点也可以是控制节点，从而形成一个层次化的UI结构。Label：用于显示文本。Button：用于创建按钮，可以响应点击事件。LineEdit：用于输入单行文本。TextEdit：用于输入多行文本。Panel：用于创建背景面板，可以包含其他UI元素。和：用于水平和垂直布局。：用于设置边距。：用于创建标签页。：用于创建滚动区域。
Godot引擎开发：UI和用户交互_使用Control节点构建UI
chenlz2007的博客
01-05 762
假设我们想要创建一个自定义的主题，包括按钮的背景颜色、字体和图标。我们可以使用Theme类来实现。# 创建一个自定义主题# 设置按钮的背景颜色# 设置按钮的字体# 设置按钮的图标# 创建一个按钮并应用自定义主题在这个示例中，我们创建了一个自定义主题，并设置了按钮的背景颜色、字体和图标。然后将自定义主题应用到按钮上。除了使用内置的Control节点及其子节点，我们还可以通过继承Control节点来创建自定义的UI组件。自定义节点可以包含自定义的绘制逻辑和事件处理逻辑。
【Godot】生命周期详解：从节点诞生到销毁的全流程解析
qq_40205510的博客
05-03 1218
初始化分层：轻量级初始化用_init，依赖场景树的逻辑用_ready。帧率敏感操作：始终使用delta参数保证不同硬件下的行为一致。物理与画面分离：物理逻辑（如碰撞检测）放在，动画和UI更新放在_process。资源释放：在_exit_tree中释放资源，避免内存泄漏。通过掌握 Godot 的生命周期，开发者可以更精准地控制游戏逻辑的时序与资源管理。结合官方文档与社区资源（如内置的节点文档和插件系统），Godot 为独立开发者提供了高效且灵活的开发体验。
Godot-UI-Crafts:专用于多个UI项目的项目，可以使用Godot Game Engine完成
03-19
概述 Godot UI Crafts是有用的用户界面的集合。 Project/下的每个Craft将包含打算与 （开源2D和3D游戏引擎）一起使用的每个Craft的Completed/和Skeleton/版本。 Godot版本 分支与最新的稳定Godot版本（当前为3.2.3）兼容。 导入整个项目 要在项目管理器中导入项目： 克隆此存储库或。如果您已经下载了ZIP归档文件，则将其解压缩到某处。 打开Godot项目管理器，然后单击右侧的“扫描”按钮。 在文件夹中找到project.godot ，然后选择“确定”。 现在，该项目应出现在项目管理器中。 导入单个Craft.io 要将单个UI Craft导入到预先存在的Godot项目中，请执行以下操作： 通过在CMD行中输入以下命令，将Craft克隆到Godot Project文件夹中： git clone -b <craft-release-n
Godot4.3类星露谷游戏开发之【时钟UI】
最新发布
ForBigData的博客
05-10 1144
本文详细介绍了如何制作一个时钟UI界面。首先，在指定路径下创建时钟UI场景，并构建节点树，包括时钟面板、昼夜图标和当前时间等元素。接着，通过新建主题并设置样式，逐步调整时钟面板的尺寸和类型。随后，导入并编辑图标资源，将其拖入UI中，并设置动画帧数。最后，加载主题并设置当前时间的字体和大小，调整位置后，将时钟UI实例化到游戏UI场景中，并设置边距以确保布局合理。文末附完整项目代码+免费开源像素素材包。
Godot 节点
conan666666的博客
07-11 1501
看视频做的笔记 2。
godot所有2D节点介绍
watch361的博客
06-20 4396
50个Godot Node2D节点介绍
Godot 常用UI+布局容器简单介绍
qq_44695769的博客
04-08 6193
布局容器是非常重要的，我们一般在布局容器进行对用户的交互UI布局是非常通用的，无论是2D还是3D。但是Godot 的3D还处于开发中的状态，2D已经够用了，但是3D 目前还是不如Unity的。
Godot 做一个简单的Ui管理器 （C#）
qq_39465123的博客
09-16 794
【代码】Godot 做一个简单的Ui管理器 （C#）
Godot引擎开发：Godot基础入门_Godot引擎中的用户界面UI设计
chenlz2007的博客
01-02 1203
在上一节中，我们介绍了Godot引擎的基础概念和基本操作，包括场景、节点和脚本的使用。现在，我们将深入探讨Godot引擎中的用户界面（UI）设计。UI设计是任何游戏开发中不可或缺的一部分，它直接影响玩家的体验和游戏的可玩性。在Godot引擎中，UI设计主要通过节点和场景来实现，利用其强大的场景编辑器和丰富的节点类型，我们可以轻松创建出各种复杂的UI界面。
Godot引擎开发：UI和用户交互_布局管理和容器节点
chenlz2007的博客
01-04 895
容器节点是一种特殊的节点，用于自动安排其子节点的位置和大小。Godot引擎提供了多种容器节点，每种容器节点都有其特定的布局策略。通过使用容器节点，开发者可以避免手动调整每个UI元素的位置和大小，从而提高开发效率和界面的可维护性。在某些情况下，标准容器节点可能无法满足特定的布局需求。这时，我们可以使用Control节点的和属性来实现自定义布局。：设置控件的最小尺寸。：设置控件的旋转中心点。rect_size：设置控件的大小。：设置控件的位置。布局管理和容器节点是Godot引擎中创建用户界面的重要工具。
Godot引擎开发：UI和用户交互_Godot引擎UI插件和扩展
chenlz2007的博客
01-04 778
除了使用现有的插件，您还可以创建自定义的UI控件来满足特定的需求。自定义控件可以让您的UI更加独特和功能强大。假设我们需要创建一个带有自定义动画效果的按钮。# 定义一个属性来控制动画速度# 用于存储动画状态# 设置按钮的初始状态# 启动动画# 更新动画状态# 更新按钮的背景颜色除了在游戏运行时扩展UI功能，您还可以创建自定义的UI编辑器插件，以在Godot编辑器中提供更强大的设计工具。
5.Godot节点和功能及Node节点属性分析
ChoSeitaku的博客
04-15 2782
ready函数，脚本初始化会首先调用这个方法，会在_process()这个函数之前调用，就相当于main函数，一个初始化函数_process函数，每一帧都会调用这个函数，因为游戏是一帧一帧渲染到屏幕上的，每渲染一帧都会自动调用这个函数，可以在这个函数里面写一些游戏逻辑，也就是写逻辑的时候主要用的函数在这里定义了一个变量，每一帧就把这个变量加1每60帧输出一个日志# 脚本初始化会首先调用这个方法，会在_process()方法之前调用pass# 每一帧都会调用这个方法pass运行这段代码。
godot 游戏UI教程
CheMongjunisnic的博客
11-30 193
游戏UI就是游戏的开始界面，结算页面，角色跟玩家交流的对话框都可以是游戏UI，我么要怎么做呢？
Godot（5）：Godot游戏界面与UI设计
kkchenjj的博客
07-24 1456
在Godot中，UI设计主要依赖于Control节点，这是一个基类，所有UI控件都继承自它。Label：用于显示文本。Button：用于创建可点击的按钮。：用于显示图像。：用于水平或垂直排列控件。Popup：用于创建弹出窗口。LineEdit：用于输入文本。Slider：用于创建滑动条。Godot允许你创建自定义控件，以满足特定需求。同时，你可以通过修改样式来改变控件的外观。创建一个自定义Control子类，添加一个Label和一个Buttonvar labelvar button。
Godot引擎开发：UI和用户交互_响应式UI设计
chenlz2007的博客
01-06 893
Anchor用于定义节点的锚点，即节点在父容器中的相对位置。通过设置锚点，可以实现节点在不同分辨率下的自动调整。在某些情况下，内置的容器节点和布局选项可能无法满足需求。这时可以通过自定义脚本来实现更复杂的布局逻辑。创建一个新的场景。添加一个Panel节点。在Panel节点下添加多个Button节点。编写自定义脚本，实现按钮的动态布局。# 创建一个新的场景# 自定义布局脚本button1.text = "按钮1"button2.text = "按钮2"button3.text = "按钮3"
Godot引擎开发：UI和用户交互_常用UI插件与扩展
chenlz2007的博客
01-04 1237
ControlDock是一个强大的UI管理插件，它可以帮助开发者更方便地在场景中创建和管理UI元素。ControlDock提供了多种工具和面板，可以用于快速创建和编辑UI布局，包括拖放功能、自动布局调整等。Theme Designer是一个用于设计和管理Godot引擎主题的插件。它可以帮助开发者更方便地创建自定义的UI主题，包括字体、颜色、样式等。Theme Designer提供了可视化的界面，可以实时预览主题效果，大大提高了主题设计的效率。打开Theme Designer面板。
Godot引擎开发：UI和用户交互_UI设计基础
chenlz2007的博客
01-04 701
Godot引擎提供了丰富的节点类型来创建UI元素。Label：用于显示文本。Button：用于创建可点击的按钮。LineEdit：用于接收玩家的文本输入。：用于显示图像。Panel：用于创建一个背景面板，可以放置其他UI节点。Container：用于自动布局UI节点。Godot引擎允许开发者通过主题资源（Theme Resource）来自定义UI元素的样式。主题资源可以设置UI元素的字体、颜色、边距等属性。# 在脚本中创建一个自定义主题# 创建一个Theme资源# 设置Label的字体大小。
Godot引擎开发：UI和用户交互_自定义UI控件
chenlz2007的博客
01-07 431
在Godot引擎中，自定义UI控件是一个强大的功能，允许开发者根据自己的需求创建独特的用户界面元素。通过继承现有的控件或从头开始创建新的控件，可以在游戏或应用中实现高度定制化的UI。本节将详细介绍如何在Godot引擎中自定义UI控件，并提供具体的代码示例。假设我们需要创建一个带有特殊动画效果的按钮，可以继承Button控件并添加自定义的动画逻辑。创建一个新的脚本文件在Godot编辑器中，右键点击项目资源管理器中的res://目录，选择New Script，命名为，并将其附加到一个Button节点上。
会员永久免费的手机pdf编辑软件
07-05
### 回答1： 手机PDF编辑软件是一种方便实用的工具，可以帮助用户在移动设备上轻松编辑和管理PDF文档。对于这样一款软件来说，如果会员可以永久免费使用，将是一件非常吸引人的事情。 首先，永久免费的会员权益意味着用户不需要支付任何费用即可享受软件的所有功能和服务。这将对那些需要频繁编辑PDF文件的用户来说非常有吸引力，他们可以在不花费额外金钱的情况下获得所需的工具和功能。 其次，永久免费的会员权益还可以带来更好的用户体验。免费的会员权益通常意味着用户可以免受广告的干扰，不会被强制性地购买其他付费服务。这将更好地保护用户的隐私和权益，让用户使用软件时更加舒适和顺畅。 而且，对于开发者来说，提供永久免费的会员服务也可以增加用户的粘性和忠诚度。因为用户可以无限制地免费使用软件，他们可能更倾向于长期使用该软件，这将为开发者带来持续的用户流量和口碑推广，从而进一步促进软件的发展和改进。 总之，提供会员永久免费的手机PDF编辑软件对于用户和开发者来说都具有很多优点。用户可以免费使用所需的功能、保护隐私和权益，而开发者则可以增加用户粘性和口碑推广。这样的软件将成为用户的首选，也能为开发者带来更大的发展空间。 ### 回答2： 目前市面上有很多手机PDF编辑软件，但是很少有能够提供永久免费会员服务的。一般情况下，软件公司或开发者需要通过向用户收取会员费用来获取盈利。然而，如果有一款手机PDF编辑软件能够提供永久免费的会员服务，它可能具备以下特点： 首先，该软件可能会采用其他盈利模式，例如广告、捐赠或与其他公司合作，通过其他途径获取收入。这样的模式可能会允许用户免费使用会员服务，而软件公司通过其他方式获得利润。 其次，该软件可能会注重用户体验和市场份额，以吸引更多的用户。通过免费会员服务，软件公司可以吸引更多的用户，增加软件的市场份额，并从用户规模扩大中获得其他利益或合作机会。 此外，该软件可能会注重长期发展，目标是与用户建立长期的合作关系。通过提供永久免费会员服务，软件公司可以向用户传递一种承诺，表达他们对于用户体验和长期满意度的重视。这样的做法有助于建立用户信任，增加用户粘性，提高软件的品牌忠诚度。 总的来说，开发一款具备会员永久免费服务的手机PDF编辑软件是一项挑战。但是，通过寻找其他盈利模式、注重用户体验和市场份额以及注重长期发展，软件公司可能会开辟出一条不同于传统的商业模式，实现软件的长期持续发展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

超级馒头神

看看谁给我第一个打赏。太感谢您

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值