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

相关文章

CSS3 布局样式及其应用举例

《CSS3布局样式及其应用举例》CSS3的布局特性为前端开发者提供了无限可能,无论是Flexbox的一维布局还是Grid的二维布局,它们都能够帮助开发者以更清晰、简洁的方式实现复杂的网页布局,本文给... 目录深入探讨 css3 布局样式及其应用引言一、CSS布局的历史与发展1.1 早期布局的局限性1.2

Spring Boot 常用注解整理(最全收藏版)

《SpringBoot常用注解整理(最全收藏版)》本文系统整理了常用的Spring/SpringBoot注解,按照功能分类进行介绍,每个注解都会涵盖其含义、提供来源、应用场景以及代码示例,帮助开发... 目录Spring & Spring Boot 常用注解整理一、Spring Boot 核心注解二、Spr

Java中 instanceof 的用法详细介绍

《Java中instanceof的用法详细介绍》在Java中,instanceof是一个二元运算符(类型比较操作符),用于检查一个对象是否是某个特定类、接口的实例,或者是否是其子类的实例,这篇文章... 目录引言基本语法基本作用1. 检查对象是否是指定类的实例2. 检查对象是否是子类的实例3. 检查对象是否

在 PyQt 加载 UI 三种常见方法

《在PyQt加载UI三种常见方法》在PyQt中,加载UI文件通常指的是使用QtDesigner设计的.ui文件,并将其转换为Python代码,以便在PyQt应用程序中使用,这篇文章给大家介绍在... 目录方法一:使用 uic 模块动态加载 (不推荐用于大型项目)方法二:将 UI 文件编译为 python 模

Java中的内部类和常用类用法解读

《Java中的内部类和常用类用法解读》:本文主要介绍Java中的内部类和常用类用法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录内部类和常用类内部类成员内部类静态内部类局部内部类匿名内部类常用类Object类包装类String类StringBuffer和Stri

MySQL连接池(Pool)常用方法详解

《MySQL连接池(Pool)常用方法详解》本文详细介绍了MySQL连接池的常用方法,包括创建连接池、核心方法连接对象的方法、连接池管理方法以及事务处理,同时,还提供了最佳实践和性能提示,帮助开发者构... 目录mysql 连接池 (Pool) 常用方法详解1. 创建连接池2. 核心方法2.1 pool.q

Spring Boot 常用注解详解与使用最佳实践建议

《SpringBoot常用注解详解与使用最佳实践建议》:本文主要介绍SpringBoot常用注解详解与使用最佳实践建议,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要... 目录一、核心启动注解1. @SpringBootApplication2. @EnableAutoConfi

SpringIOC容器Bean初始化和销毁回调方式

《SpringIOC容器Bean初始化和销毁回调方式》:本文主要介绍SpringIOC容器Bean初始化和销毁回调方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录前言1.@Bean指定初始化和销毁方法2.实现接口3.使用jsR250总结前言Spring Bea

SQL常用操作精华之复制表、跨库查询、删除重复数据

《SQL常用操作精华之复制表、跨库查询、删除重复数据》:本文主要介绍SQL常用操作精华之复制表、跨库查询、删除重复数据,这些SQL操作涵盖了数据库开发中最常用的技术点,包括表操作、数据查询、数据管... 目录SQL常用操作精华总结表结构与数据操作高级查询技巧SQL常用操作精华总结表结构与数据操作复制表结

JavaScript时间戳与时间的转化常用方法

《JavaScript时间戳与时间的转化常用方法》在JavaScript中,时间戳(Timestamp)通常指Unix时间戳,即从1970年1月1日00:00:00UTC到某个时间点经过的毫秒数,下面... 目录1. 获取当前时间戳2. 时间戳 → 时间对象3. 时间戳php → 格式化字符串4. 时间字符