Godot 常用UI+布局容器简单介绍

最新推荐文章于 2024-06-26 17:06:03 发布
最新推荐文章于 2024-06-26 17:06:03 发布
阅读量2.5k 收藏 36
点赞数 13
分类专栏： Godot 学习笔记 文章标签： godot ui 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44695769/article/details/137478514
版权
本文详细介绍了Godot4.2.1中各种UI布局容器和基础组件，如Canvasitem、Control、Container类型及其子类，如ColorPicker、TextEdit、Sliders等，以及一些特殊布局如按钮、滑块和选项卡。虽然3D功能尚不完善，但2DUI布局已经非常实用。
摘要由CSDN通过智能技术生成

文章目录

前言

布局容器是非常重要的，我们一般在布局容器进行对用户的交互
在这里插入图片描述

相关链接

Godot 4.2.1 中文文档

Canvasitem：画布

Control的基类。主要是有一个visiable。是否可视化。这个就方便我们静态挂载

在这里插入图片描述

Control：UI布局基类

UI布局的基类

Tooltip:悬浮提示
在这里插入图片描述
在这里插入图片描述
FontSize 文本大小

在这里插入图片描述

Container：布局容器基类

不挂载脚本无法使用
在这里插入图片描述

AspectRatioContainer：伸缩居中布局

在这里插入图片描述
在这里插入图片描述

BoxContainer：盒子布局

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

HBoxContainer / VBoxContainer 就是确定了排列方向的BoxContainer

ColorPicker:取色器

在这里插入图片描述

在这里插入图片描述

CenterContainer：不伸缩居中

在这里插入图片描述

FlowContainer：自动换行布局

在这里插入图片描述

在这里插入图片描述

GridContainer：分割布局

在这里插入图片描述

在这里插入图片描述

SplitContainer：填充分割布局

在这里插入图片描述

在这里插入图片描述

MarginContainer：边距布局

在这里插入图片描述
在这里插入图片描述

ScrollContainer：滚动布局

在这里插入图片描述

在这里插入图片描述

TabContainer：切换栏

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

BaseButton：按钮基类

Button：简单的按钮

在这里插入图片描述

CheckBox

CheckBox的复选框大小无法修改。
在这里插入图片描述
在这里插入图片描述

CheckButton

在这里插入图片描述
在这里插入图片描述

ColorPickerButton：折叠起来的颜色选取

在这里插入图片描述
在这里插入图片描述

MenuButton：折叠选项

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

OptionButton：下拉选项

在这里插入图片描述

在这里插入图片描述

TextEdit：富文本编辑

在这里插入图片描述
在这里插入图片描述

ColorRect：颜色矩形

在这里插入图片描述

在这里插入图片描述

Range：数据范围范围UI基类

ScrollBar：滑块基类

HScrollBar：横向滑块

在这里插入图片描述
在这里插入图片描述

VScrollBar：垂直滑块

在这里插入图片描述
在这里插入图片描述

Slider：滑动条基类

HSlider：横向滑动条

在这里插入图片描述
在这里插入图片描述

VSlider：竖向滑动条

在这里插入图片描述
在这里插入图片描述

ProgressBar：进度百分比

在这里插入图片描述
在这里插入图片描述

SpinBox：单步数字

在这里插入图片描述

在这里插入图片描述

TextureProgressBar：不会用

Separator：分割线

HSeparator：水平分割线

在这里插入图片描述

VSeparator：垂直分割线

同上

ItemList：列表控件

在这里插入图片描述

Label：文本框

在这里插入图片描述

LineEdit：文本输入框

在这里插入图片描述

MenuBar：没搞懂

NinePatchRect：没搞懂

Panel：没搞懂

ReferenceRect：分割框

在这里插入图片描述

RichTextLabel：富文本

在这里插入图片描述

TabBar：简单选项卡

只显示选项卡，不负责子元素交互

在这里插入图片描述

TextureRect：材质矩形

在这里插入图片描述

Tree：不了解

VideoStreamPlayer：播放视频

跳过

总结

UI布局是非常通用的，无论是2D还是3D。但是Godot 的3D还处于开发中的状态，2D已经够用了，但是3D 目前还是不如Unity的。

龙中舞王
关注
  • 13
    点赞
  • 踩
  • 36
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Godot（5）：Godot游戏界面与UI设计
kkchenjj的博客
07-24 956
在Godot中，UI设计主要依赖于Control节点，这是一个基类，所有UI控件都继承自它。Label：用于显示文本。Button：用于创建可点击的按钮。：用于显示图像。：用于水平或垂直排列控件。Popup：用于创建弹出窗口。LineEdit：用于输入文本。Slider：用于创建滑动条。Godot允许你创建自定义控件，以满足特定需求。同时，你可以通过修改样式来改变控件的外观。创建一个自定义Control子类，添加一个Label和一个Buttonvar labelvar button。
voxelman:用于Godot的C ++ Voxel引擎模块
05-09
一个用于godot的体素引擎模块，其重点更多地放在编辑器集成，游戏相关的功能和可扩展性（甚至来自gdscript）上，而不会牺牲太多速度。 这是引擎模块！ 这意味着您需要将其编译为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
Godot中所有UI节点介绍
watch361的博客
06-26 1085
UI节点是游戏界面中常用的节点，但是很多UI节点可能用的次数很少，所以我写一下，做个基础介绍而已，主要是为了提醒自己UI界面具有多种制作方法。理论上只使用ui界面也可以制作一个完整的文字冒险游戏面板，节点 输入元素，滚动条，滑块，菜单栏，标签栏。
Godot 做一个简单的Ui管理器 （C#）
qq_39465123的博客
09-16 495
【代码】Godot 做一个简单的Ui管理器 （C#）
初学Godot：编辑器界面布局
主要记录了工作之余胡乱学习的知识，大部分是入门级别的内容。 主要是为了自己未来有用到时能快速上手，相当于是个备忘录。 当然，也很开心其他人可以从中找到对自己有用的信息。^_^
02-27 1339
整体布局侧面分栏（Dock）1. 文件系统（FileSystem）2. 导入（Import）3. 场景（Scene）4. 属性（Inspector）5. 节点（Node）主工作区（Workspace）2D3D脚本（Script）资源库（AssetLib）底部面板（Bottom Panel）讨论Godot编辑器布局设计 整体布局 Godot编辑器的界面大致分为三部分： 位于两侧的“侧面分栏”。 位于中间上部的“主工作区”。 位于底部的“底部面板”。 侧面分栏（Dock） 点击侧面分栏的右上角可以调整分.
Godot Engine C ++扩展实现为模块-C/C++开发
05-27
这是Godot引擎扩展，实现为单项C ++模块。 Goost：Godot引擎扩展这是作为单项C ++模块实现的Godot引擎扩展。 概述此扩展程序的当前功能集可以概括为功能组件列表。 要了解有关它们的更多信息，请访问以下链接：方法...
Godot+Godot物理系统详解+环境+动画系统等全套教程
最新发布
07-24
Godot游戏界面与UI设计.pdf Godot音频系统与音效处理.pdf Godot粒子系统与特效制作.pdf Godot地形编辑与环境设计.pdf Godot光照与渲染技术.pdf Godot资源管理与优化技巧.pdf Godot游戏逻辑与AI编程.pdf GodotVR与AR...
GodotBrainTree:Godot 3+的插件行为树
05-11
戈多脑树Godot 3+的插件行为树该插件使用： : 早期版本，但功能强大。安装将addons目录复制到您的项目中，然后通过编辑器启用插件。如何使用将GodotBrainTree（从现在开始在GBT上）添加为要使用它的节点的子节点。 ...
godot-dockable-container:适用于戈多的可停靠面板的集装箱附件
04-10
可停靠的集装箱 对接面板容器附加组件。 它由二进制树结构的Container脚本和布局资源组成，该结构存储面板的划分方向和大小以及选项卡名称和当前选择的选项卡索引。 由于布局信息是资源，因此很容易保存/加载它们。 子控件仅在视觉上移动，并保持其节点路径和在父控件中的位置。 实时预览示例场景。 插入 在Project -> Project Settings -> Plugin启用Dockable Container插件Dockable Container直接在检查器中编辑布局！ 它还注册了DockableContainer节点和布局资源类型。 主题化 面板是实际的TabContainer实例，拆分句柄使用VSplitContainer和HSplitContainer主题配置，放置预览使用TooltipPanel/panel StyleBox。 制表符对齐和重新排列组将在Dockable
Godot根据屏幕朝向和窗口大小适配显示布局
feiyunw的专栏
10-30 2106
Godot根据屏幕朝向和窗口大小适配显示布局的解决方案。
android ui容器,【Android基础】UI
weixin_39605345的博客
05-28 129
一、UI布局1、线性布局(LinearLayout)属性描述android:orientation安排指定的方向。“horizontal”表示为一排，“vertical”表示一列。默认为horizontalandroid:gravity内部对齐(容器内全部子控件均遵循该对齐方式)android:layout_gravity外部对齐(针对某一个单独的子控件进行对齐，其他兄弟控件不受影响)androi...
Godot学习笔记1——界面布局简介
fengtian65的博客
04-22 823
这里我们点击左侧“3D场景”按钮创建一个3D场景，现在在中间的画面中会出现一个球。在左侧节点视图中选中“Node3D”，右键创建子节点，在弹出的窗口中选择“MeshInstance3D”，单击创建，即可在右侧查看创建的子节点属性。在属性栏第一栏“Mesh”中点击下拉三角，选择“新建BoxMesh”，即可在场景内新建一个没有材质的方块。此外，也可以在属性栏的“Transform”栏中输入数据来改变位置、旋转角度一集缩放。Godot引擎也是场景式编程，这里的一个场景相当于一个关卡。
Godot3游戏引擎入门之九：创建UI界面并添加背景音乐
SpkingR的博客
11-10 1561
一、前言 本文开篇必须提到两个值得高兴的消息： 有读者专门给我来信了，鼓励我坚持下去，有点受宠若惊，心里非常高兴，希望有更多读者，更多交流，有建议欢迎留言到我的微信公众号或者博客。 新预览版： Godot 3.1 Alpha2 已经发布，也就是第二个预览版了，修复了一些问题，距离 Godot 3.1 正式版的发布又近了一步！着实激动人心。 之前的文章里我已经申明过：**我使用的是 Godot...
探索Godot 4的视觉魔法：一站式UI设计资源库
gitblog_00099的博客
06-04 289
探索Godot 4的视觉魔法：一站式UI设计资源库 godot_ui_componentsA collection of UI designs implemented in Godot 4项目地址:https://gitcode.com/gh_mirrors/go/godot_ui_components 在数字世界的构建中，引人入胜的界面不仅是功能性的需求，更是艺术与技术的完美结合。今天，我们为...
【Godot】项目结构设计
qq_37280924的博客
09-04 700
对Godot目录文件进行管理的目录结构设计
Godot GUI探讨续
懒人
03-22 844
使用大小标签更改UI元素填充可用空间的方式 每个控制节点都有Size Flags。 它们告诉容器UI元素应如何扩展。 如果将“填充”标志添加到“水平”或“垂直”属性，则节点的边界框将占用所有空间，但它将尊重其兄弟并保留其大小。 如果HBoxContainer中有3个TextureRect节点，两个轴上都有“Fill”标志，它们每个都会占用可用空间的三分之一，但不会更多。 容器将接管节点并自动调整大...
godot+++c#
10-22
Godot是一款免费的开源游戏引擎，支持多种编程语言，包括C＃。在Godot中使用C＃，需要使用Godot Mono插件。该插件允许您注册自定义C＃资源和节点，并将它们添加到Godot项目中。要添加自定义C＃资源，请创建一个新的C＃类，并将其扩展为Godot.Resource。要添加自定义C＃节点，请创建一个新的C＃类，并将其扩展为Godot.Node。在Windows平台上，您可以通过启动文件\platform\windows\godot_windows.cpp中的int main(int argc, char **argv)进入Godot的主循环。在主循环中，您可以使用Godot Mono插件注册自定义C＃资源和节点，并将它们添加到Godot项目中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值