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

相关文章

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

springboot项目中常用的工具类和api详解

《springboot项目中常用的工具类和api详解》在SpringBoot项目中,开发者通常会依赖一些工具类和API来简化开发、提高效率,以下是一些常用的工具类及其典型应用场景,涵盖Spring原生... 目录1. Spring Framework 自带工具类(1) StringUtils(2) Coll

Pytest多环境切换的常见方法介绍

《Pytest多环境切换的常见方法介绍》Pytest作为自动化测试的主力框架,如何实现本地、测试、预发、生产环境的灵活切换,本文总结了通过pytest框架实现自由环境切换的几种方法,大家可以根据需要进... 目录1.pytest-base-url2.hooks函数3.yml和fixture结论你是否也遇到过

如何高效移除C++关联容器中的元素

《如何高效移除C++关联容器中的元素》关联容器和顺序容器有着很大不同,关联容器中的元素是按照关键字来保存和访问的,而顺序容器中的元素是按它们在容器中的位置来顺序保存和访问的,本文介绍了如何高效移除C+... 目录一、简介二、移除给定位置的元素三、移除与特定键值等价的元素四、移除满足特android定条件的元

Java String字符串的常用使用方法

《JavaString字符串的常用使用方法》String是JDK提供的一个类,是引用类型,并不是基本的数据类型,String用于字符串操作,在之前学习c语言的时候,对于一些字符串,会初始化字符数组表... 目录一、什么是String二、如何定义一个String1. 用双引号定义2. 通过构造函数定义三、St

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

Mysql表的简单操作(基本技能)

《Mysql表的简单操作(基本技能)》在数据库中,表的操作主要包括表的创建、查看、修改、删除等,了解如何操作这些表是数据库管理和开发的基本技能,本文给大家介绍Mysql表的简单操作,感兴趣的朋友一起看... 目录3.1 创建表 3.2 查看表结构3.3 修改表3.4 实践案例:修改表在数据库中,表的操作主要

springboot简单集成Security配置的教程

《springboot简单集成Security配置的教程》:本文主要介绍springboot简单集成Security配置的教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录集成Security安全框架引入依赖编写配置类WebSecurityConfig(自定义资源权限规则

如何将Tomcat容器替换为Jetty容器

《如何将Tomcat容器替换为Jetty容器》:本文主要介绍如何将Tomcat容器替换为Jetty容器问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Tomcat容器替换为Jetty容器修改Maven依赖配置文件调整(可选)重新构建和运行总结Tomcat容器替

MySQL中慢SQL优化的不同方式介绍

《MySQL中慢SQL优化的不同方式介绍》慢SQL的优化,主要从两个方面考虑,SQL语句本身的优化,以及数据库设计的优化,下面小编就来给大家介绍一下有哪些方式可以优化慢SQL吧... 目录避免不必要的列分页优化索引优化JOIN 的优化排序优化UNION 优化慢 SQL 的优化,主要从两个方面考虑,SQL 语