Godot中所有UI节点介绍

于 2024-06-26 17:06:03 发布
阅读量941 收藏 22
点赞数 23
分类专栏： 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主要是做图形渲染的节点，没用过

超级馒头神
关注
  • 23
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
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.2.1 windows版本
02-21
8. **资源管理系统**：方便地组织和管理游戏中的所有资源，如图像、音频、脚本等。 9. **内置调试工具**：包括性能监视器、内存分析器、调试器等，帮助开发者定位和解决问题。 10. **多人在线支持**：Godot支持...
Godot 常用UI+布局容器简单介绍
qq_44695769的博客
04-08 2042
布局容器是非常重要的，我们一般在布局容器进行对用户的交互UI布局是非常通用的，无论是2D还是3D。但是Godot 的3D还处于开发中的状态，2D已经够用了，但是3D 目前还是不如Unity的。
探索Godot 4的视觉魔法：一站式UI设计资源库
最新发布
gitblog_00099的博客
06-04 257
探索Godot 4的视觉魔法：一站式UI设计资源库 项目地址:https://gitcode.com/MrEliptik/godot_ui_components 在数字世界的构建中，引人入胜的界面不仅是功能性的需求，更是艺术与技术的完美结合。今天，我们为您揭晓一个令人兴奋的开源宝藏——Godot 4 UI设计资源库，它是一个集成了多种精美UI组件和交互效果的集合，专为追求卓越游戏体验的开发者打造。...
Godot 做一个简单的Ui管理器 （C#）
qq_39465123的博客
09-16 454
【代码】Godot 做一个简单的Ui管理器 （C#）
5.Godot节点和功能及Node节点属性分析
CoderZzz6310的博客
04-15 1204
ready函数，脚本初始化会首先调用这个方法，会在_process()这个函数之前调用，就相当于main函数，一个初始化函数_process函数，每一帧都会调用这个函数，因为游戏是一帧一帧渲染到屏幕上的，每渲染一帧都会自动调用这个函数，可以在这个函数里面写一些游戏逻辑，也就是写逻辑的时候主要用的函数在这里定义了一个变量，每一帧就把这个变量加1每60帧输出一个日志# 脚本初始化会首先调用这个方法，会在_process()方法之前调用pass# 每一帧都会调用这个方法pass运行这段代码。
Godot教程中文版-场景和节点（Scenes 和Nodes）
dengchunfeng的专栏
03-05 5201
Scenes 和 Nodes 介绍： 用一秒钟想一下你不是一个游戏开发者，而是一个厨师。使用一个小呢帽和一件双排扣的夹克改变你的时髦穿搭。现在，不是创作游戏，而是为你的顾客创造新的美味的食谱。 那么，一个厨师怎么创造食谱呢？食谱被分为两部分，首先一部分是食谱的成分，一部分是按照食谱的使用的步骤。这样，任何人都可以按照食谱，细细品味你的伟大创作。 用Godot创作游戏，感觉和上面是几乎相同的
Godot Engine 学习笔记 场景和节点
...
10-23 689
Godot Engine 学习笔记 场景和节点场景和节点节点场景 场景和节点 节点 在Godot中节点作为创建游戏得到基本构建模，且可以用与执行各种特殊的功能。 节点都具有的属性： 名字 有可编辑属性 可接受回调来处理每一帧 可被扩展（具有更多功能） 可作为子节点添加到其他节点 通过最后一点，节点排列从而变成树。而不同的节点具有不同的功能，将它们组合来形成更多更复杂的功能。 场景 场景由一组由...
godot示例代码.rar
10-21
这个"godot示例代码.rar"压缩包很可能是包含了一些Godot引擎的使用示例，帮助初学者理解和学习如何在Godot中创建游戏或交互式应用。 在Godot中，主要使用GDScript作为脚本语言，这是一种语法类似Python的语言，易于...
godot4自定义按钮,适配boxcontainer中放置.rar
11-17
BoxContainer是Godot中的一个布局容器，它会自动调整子节点的大小和位置以填充其空间，非常适合用来组织和管理UI元素。 1. **创建自定义按钮**： 在Godot 4中，你可以通过继承`Button`节点来创建自定义按钮。新建...
GodotFirebase-UI:在[GodotFirebase addon]（）之上构建的Godot Engine的UI库，它为嵌入式控制节点提供独立的身份验证，Firestore和数据库功能
04-13
组件是具有自定义脚本和样式的简单节点，可以通过GDScript和在Inspector中对其进行配置。 组件可以分为三个主要类别： 基本组件，例如基本按钮和字段：可以在方面和功能上进一步自定义 顶部组件，例如准备使用的...
第十个范例——布局之TabContainer
03-05
博文链接：https://lwj9922.iteye.com/blog/146573
godot-demo-projects-4.0
11-08
这些脚本展示了如何使用 GDScript 实现游戏机制，帮助开发者了解 Godot 4 中的节点系统和信号系统。 6. **物理引擎应用** Godot 4 提供了先进的 2D 和 3D 物理引擎，示例项目中可能包含各种物理效果，如重力、碰撞...
Godot引擎 4.0 文档 - 循序渐进教程 - 节点和场景
drgraph的博客
05-21 2191
节点和场景在中，我们看到 Godot 游戏是一棵场景树，每个场景都是一棵节点树。在本课中，我们将对它们进行更多解释。您还将创建您的第一个场景。
【Godot】项目结构设计
qq_37280924的博客
09-04 663
对Godot目录文件进行管理的目录结构设计
ItemList类
游戏开发
09-23 1337
ItemList Inherits:Control<CanvasItem<Node<Object Control that provides a list of selectable items (and/or icons) in a single column, or optionally in multiple columns. 控件提供一个单列或多列的可选择项目（和/或图标）列表。 Description This control provides a sel...
Godot4.2】文件系统自定义控件-DirListView
巽的博客
02-08 515
本篇仍然是基于Godot4.2的文件系统相关自定义控件系列，DirListView扩展自ItemList控件，可以显示指定文件夹中的子文件夹和子文件内容。运行后，可以选中相应的项，进行单击或双击等。DirListView并没有过分的设计这部分的功能，但使用者只需要连接和处理ItemList原本就有的信号，就可以实现诸如双击文件夹进入下一级这样的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

超级馒头神

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

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

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

打赏作者

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

抵扣说明：

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

余额充值