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

  • 开发
  • 38

文章目录

前言

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

相关链接

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

阅读全部

相关推荐

  7. Linux常用命令简单介绍(面试常考！！！)

    2024-04-09 11:14:04       32 阅读

  10. 【STL】 C++常用容器介绍系列（三）----（sort函数）

    2024-04-09 11:14:04       40 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-09 11:14:04       98 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-09 11:14:04       106 阅读

  9. 在Django里面运行非项目文件

    2024-04-09 11:14:04       87 阅读

  19. Python语言-面向对象

    2024-04-09 11:14:04       96 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-04-09 11:14:04       91 阅读

热门阅读

  1. 前端项目体积优化策略

    2024-04-09 11:14:04       32 阅读

  8. Github 2024-04-08开源项目日报 Top10

    2024-04-09 11:14:04       43 阅读

  10. ubuntu 14.04 配置samba共享服务

    2024-04-09 11:14:04       38 阅读

  18. 计算机网络(一)--网络发展和协议

    2024-04-09 11:14:04       37 阅读

  22. 初识23种设计模式：分类、原理与实际应用

    2024-04-09 11:14:04       35 阅读