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

2024-04-08 19:28
文章标签 简单 布局 介绍 ui 常用 容器 godot

本文主要是介绍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。

相关文章

HarmonyOS学习(七)——UI（五）常用布局总结

HarmonyOS学习(七)——UI（五）常用布局总结

自适应布局 1.1、线性布局（LinearLayout） 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列，Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距，达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式，且在各类尺寸屏幕上表现一致，其中交叉轴为垂直时，取值为Vert
阅读更多...
JS常用组件收集

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件，方便以后开发的时候查找！！！ 函数工具： Lodash 页面固定： stickUp、jQuery.Pin 轮播： unslider、swiper 开关: switch 复选框： icheck 气泡： grumble 隐藏元素： Headroom
阅读更多...
性能测试介绍

性能测试介绍

性能测试是一种测试方法，旨在评估系统、应用程序或组件在现实场景中的性能表现和可靠性。它通常用于衡量系统在不同负载条件下的响应时间、吞吐量、资源利用率、稳定性和可扩展性等关键指标。 为什么要进行性能测试 通过性能测试，可以确定系统是否能够满足预期的性能要求，找出性能瓶颈和潜在的问题，并进行优化和调整。 发现性能瓶颈：性能测试可以帮助发现系统的性能瓶颈，即系统在高负载或高并发情况下可能出现的问题
阅读更多...
水位雨量在线监测系统概述及应用介绍

水位雨量在线监测系统概述及应用介绍

在当今社会，随着科技的飞速发展，各种智能监测系统已成为保障公共安全、促进资源管理和环境保护的重要工具。其中，水位雨量在线监测系统作为自然灾害预警、水资源管理及水利工程运行的关键技术，其重要性不言而喻。 一、水位雨量在线监测系统的基本原理 水位雨量在线监测系统主要由数据采集单元、数据传输网络、数据处理中心及用户终端四大部分构成，形成了一个完整的闭环系统。 数据采集单元：这是系统的“眼睛”，
阅读更多...
Hadoop数据压缩使用介绍

Hadoop数据压缩使用介绍

一、压缩原则 （1）运算密集型的Job，少用压缩 （2）IO密集型的Job，多用压缩 二、压缩算法比较 三、压缩位置选择 四、压缩参数配置 1）为了支持多种压缩/解压缩算法，Hadoop引入了编码/解码器 2）要在Hadoop中启用压缩，可以配置如下参数
阅读更多...
csu 1446 Problem J Modified LCS （扩展欧几里得算法的简单应用）

csu 1446 Problem J Modified LCS （扩展欧几里得算法的简单应用）

这是一道扩展欧几里得算法的简单应用题，这题是在湖南多校训练赛中队友ac的一道题，在比赛之后请教了队友，然后自己把它a掉 这也是自己独自做扩展欧几里得算法的题目 题意：把题意转变下就变成了：求d1*x - d2*y = f2 - f1的解,很明显用exgcd来解 下面介绍一下exgcd的一些知识点：求ax + by = c的解 一、首先求ax + by = gcd(a,b)的解 这个
阅读更多...
hdu2289（简单二分）

hdu2289（简单二分）

虽说是简单二分，但是我还是wa死了  题意：已知圆台的体积，求高度 首先要知道圆台体积怎么求：设上下底的半径分别为r1,r2,高为h,V = PI*(r1*r1+r1*r2+r2*r2)*h/3 然后以h进行二分 代码如下： #include<iostream>#include<algorithm>#include<cstring>#include<stack>#includ
阅读更多...
【C++】_list常用方法解析及模拟实现

【C++】_list常用方法解析及模拟实现

相信自己的力量，只要对自己始终保持信心，尽自己最大努力去完成任何事，就算事情最终结果是失败了，努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一：什么是list？ •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二：list常用接口 •🌰1.默认成员函数 🔥构造函数（⭐） 🔥析构函数 •🌰2.list对象
阅读更多...
常用的jdk下载地址

常用的jdk下载地址

jdk下载地址 安装方式可以看之前的博客： mac安装jdk oracle 版本：https://www.oracle.com/java/technologies/downloads/ Eclipse Temurin版本：https://adoptium.net/zh-CN/temurin/releases/ 阿里版本： github：https://github.com/
阅读更多...
usaco 1.3 Prime Cryptarithm(简单哈希表暴搜剪枝)

usaco 1.3 Prime Cryptarithm(简单哈希表暴搜剪枝)

思路： 1. 用一个 hash[ ] 数组存放输入的数字，令 hash[ tmp ]=1 。 2. 一个自定义函数 check( ) ，检查各位是否为输入的数字。 3. 暴搜。第一行数从 100到999，第二行数从 10到99。 4. 剪枝。 代码： /*ID: who jayLANG: C++TASK: crypt1*/#include<stdio.h>bool h
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2