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的。

相关推荐
OpenTiny社区3 小时前
前端可智能识别的搜索组件 SearchBox 使用详解!
前端·vue.js·ui·开源·opentiny
17 小时前
3D碰撞检测系统 基于SAT算法+Burst优化(Unity)
算法·3d·unity·c#·游戏引擎·sat
dzj20211 天前
Unity是如何把3D场景显示到屏幕上的——Unity的渲染过程
3d·unity·游戏引擎·渲染·图形学
白玉cfc2 天前
【iOS】网易云仿写
ui·ios·objective-c
小马哥编程2 天前
如何解决 undetected_chromedriver 启动慢问题
chrome·selenium·ui
帧栈2 天前
开发避坑短篇(6):Vue+Element UI 深度选择器实现表单元素精准对齐的技术实践
vue.js·ui·elementui
吗喽对你问好3 天前
Android UI 控件详解实践
android·ui
不绝1913 天前
ARPG开发流程第一章——方法合集
算法·游戏·unity·游戏引擎
贵州晓智信息科技3 天前
Unity 性能优化全攻略
unity·性能优化·游戏引擎
梦想改变生活3 天前
《Flutter篇第一章》基于GetX 和 Binding、Dio 实现的 Flutter UI 架构
flutter·ui·架构