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

2024-04-08 19:28

本文主要是介绍Godot 常用UI+布局容器简单介绍,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 前言
  • 相关链接
  • Canvasitem:画布
  • Control:UI布局基类
  • Container:布局容器基类
    • AspectRatioContainer:伸缩居中布局
    • BoxContainer:盒子布局
        • ColorPicker:取色器
    • CenterContainer:不伸缩居中
    • FlowContainer:自动换行布局
    • GridContainer:分割布局
    • SplitContainer:填充分割布局
    • MarginContainer:边距布局
    • ScrollContainer:滚动布局
    • TabContainer:切换栏
  • BaseButton:按钮基类
    • Button:简单的按钮
      • 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:播放视频
  • 总结

前言

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

相关链接

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

这篇关于Godot 常用UI+布局容器简单介绍的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/886321

相关文章

JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法

《JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法》:本文主要介绍JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法,每种方法结合实例代码给大家介绍的非常... 目录引言:为什么"相等"判断如此重要?方法1:使用some()+includes()(适合小数组)方法2

SpringBoot 获取请求参数的常用注解及用法

《SpringBoot获取请求参数的常用注解及用法》SpringBoot通过@RequestParam、@PathVariable等注解支持从HTTP请求中获取参数,涵盖查询、路径、请求体、头、C... 目录SpringBoot 提供了多种注解来方便地从 HTTP 请求中获取参数以下是主要的注解及其用法:1

Python 基于http.server模块实现简单http服务的代码举例

《Python基于http.server模块实现简单http服务的代码举例》Pythonhttp.server模块通过继承BaseHTTPRequestHandler处理HTTP请求,使用Threa... 目录测试环境代码实现相关介绍模块简介类及相关函数简介参考链接测试环境win11专业版python

Java中HashMap的用法详细介绍

《Java中HashMap的用法详细介绍》JavaHashMap是一种高效的数据结构,用于存储键值对,它是基于哈希表实现的,提供快速的插入、删除和查找操作,:本文主要介绍Java中HashMap... 目录一.HashMap1.基本概念2.底层数据结构:3.HashCode和equals方法为什么重写Has

Springboot项目构建时各种依赖详细介绍与依赖关系说明详解

《Springboot项目构建时各种依赖详细介绍与依赖关系说明详解》SpringBoot通过spring-boot-dependencies统一依赖版本管理,spring-boot-starter-w... 目录一、spring-boot-dependencies1.简介2. 内容概览3.核心内容结构4.

python连接sqlite3简单用法完整例子

《python连接sqlite3简单用法完整例子》SQLite3是一个内置的Python模块,可以通过Python的标准库轻松地使用,无需进行额外安装和配置,:本文主要介绍python连接sqli... 目录1. 连接到数据库2. 创建游标对象3. 创建表4. 插入数据5. 查询数据6. 更新数据7. 删除

Jenkins的安装与简单配置过程

《Jenkins的安装与简单配置过程》本文简述Jenkins在CentOS7.3上安装流程,包括Java环境配置、RPM包安装、修改JENKINS_HOME路径及权限、启动服务、插件安装与系统管理设置... 目录www.chinasem.cnJenkins安装访问并配置JenkinsJenkins配置邮件通知

Java Stream流以及常用方法操作实例

《JavaStream流以及常用方法操作实例》Stream是对Java中集合的一种增强方式,使用它可以将集合的处理过程变得更加简洁、高效和易读,:本文主要介绍JavaStream流以及常用方法... 目录一、Stream流是什么?二、stream的操作2.1、stream流创建2.2、stream的使用2.

setsid 命令工作原理和使用案例介绍

《setsid命令工作原理和使用案例介绍》setsid命令在Linux中创建独立会话,使进程脱离终端运行,适用于守护进程和后台任务,通过重定向输出和确保权限,可有效管理长时间运行的进程,本文给大家介... 目录setsid 命令介绍和使用案例基本介绍基本语法主要特点命令参数使用案例1. 在后台运行命令2.

Python yield与yield from的简单使用方式

《Pythonyield与yieldfrom的简单使用方式》生成器通过yield定义,可在处理I/O时暂停执行并返回部分结果,待其他任务完成后继续,yieldfrom用于将一个生成器的值传递给另一... 目录python yield与yield from的使用代码结构总结Python yield与yield