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

文章目录

前言

布局容器是非常重要的,我们一般在布局容器进行对用户的交互

相关链接

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:折叠起来的颜色选取



OptionButton:下拉选项

TextEdit:富文本编辑


ColorRect:颜色矩形

Range:数据范围范围UI基类

ScrollBar:滑块基类

HScrollBar:横向滑块


VScrollBar:垂直滑块


Slider:滑动条基类

HSlider:横向滑动条


VSlider:竖向滑动条


ProgressBar:进度百分比


SpinBox:单步数字

TextureProgressBar:不会用

Separator:分割线

HSeparator:水平分割线

VSeparator:垂直分割线

同上

ItemList:列表控件

Label:文本框

LineEdit:文本输入框

NinePatchRect:没搞懂

Panel:没搞懂

ReferenceRect:分割框

RichTextLabel:富文本

TabBar:简单选项卡

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

TextureRect:材质矩形

Tree:不了解

VideoStreamPlayer:播放视频

跳过

总结

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

相关推荐
虾球xz9 小时前
游戏引擎学习第108天
学习·游戏引擎
类人_猿9 小时前
PhotoShop批处理
ui·photoshop·批处理·photoshop批处理
虾球xz10 小时前
游戏引擎学习第112天
java·学习·游戏引擎
PM大明同学11 小时前
Axure PR 9 中继器 02 分页提示
ui·交互·产品经理·axure
十秒耿直拆包选手11 小时前
cmake:定位Qt的ui文件
c++·qt·ui·cmake
engchina12 小时前
使用 Vite + React 19 集成 Tailwind CSS 与 shadcn/ui 组件库完整指南
css·react.js·ui·vite·tailwind·react 19·shadcn
Edision_li15 小时前
DeepSeek教unity------Dotween
unity·游戏引擎
1024小神15 小时前
ios苹果手机使用AScript应用程序实现UI自动化操作,非常简单的一种方式
运维·ui·自动化
虾球xz19 小时前
游戏引擎学习第110天
数码相机·学习·游戏引擎
爱写代码的山山1 天前
虚幻蓝图解决抗锯齿方案
游戏·ue5·游戏引擎·虚幻·抗锯齿化