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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/803135.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Java 那些诗一般的 数据类型 (下篇)

Java 那些诗一般的 数据类型 (下篇)

本篇会加入个人的所谓鱼式疯言 ❤️❤️❤️鱼式疯言:❤️❤️❤️此疯言非彼疯言 而是理解过并总结出来通俗易懂的大白话, 小编会尽可能的在每个概念后插入鱼式疯言,帮助大家理解的. 🤭🤭🤭可能说的不是那么严谨.但小编初心是能让更多人能接…
阅读更多...
【RAG实践】Rerank，让大模型 RAG 更近一步

【RAG实践】Rerank，让大模型 RAG 更近一步

RAGRerank原理 上一篇【RAG实践】基于LlamaIndex和Qwen1.5搭建基于本地知识库的问答机器人 我们介绍了什么是RAG，以及如何基于LLaMaIndex和Qwen1.5搭建基于本地知识库的问答机器人，原理图和步骤如下： 这里面主要包括包括三个基本步骤&#…
阅读更多...
3.1k Star的特斯拉数据伴侣神器

3.1k Star的特斯拉数据伴侣神器

微信公众号:[开源日记],分享10kStart的优质开源项目。 TeslaMate 适用于你的 Tesla 的功能强大的自托管数据记录器。 用 Elixir 编写数据存储在 Postgres 数据库使用 Grafana 进行可视化和数据分析车辆数据发布到本地 MQTT Broker GitHub数据 3.1k stars121 watching458 forks…
阅读更多...
2023一个前端人的杂谈

2023一个前端人的杂谈

酒香也怕巷子深 年底提车，回河北过年，一路总是旅游的牌子，后来去满城滑雪，随拍了几张照片，才更加感受河北的魅力。 感觉仅仅是这一抹黄昏，就让这一行物超所值了，原来那句宣传语所言非虚：这么近，那么美，周末到河北，然而我认为实际的好处，可能不止如此。 作为一个出…
阅读更多...
记录一次hss不能防护主机的问题

记录一次hss不能防护主机的问题

场景：hss的控制台显示不在防护中，其他云主机并没有这个情况。 故障发生的时间是昨天下午15点半左右，运维同事做了重启网卡的操作。service network restart 排查分析： 于是仔细的查看日志，发现报错如下&#xff1a…
阅读更多...
SpringBoot学习之Kibana下载安装和启动（Mac版）（三十二）

SpringBoot学习之Kibana下载安装和启动（Mac版）（三十二）

一、简介 Kibana是一个开源的分析与可视化平台，设计出来用于和Elasticsearch一起使用的。你可以用kibana搜索、查看存放在Elasticsearch中的数据。Kibana与Elasticsearch的交互方式是各种不同的图表、表格、地图等，直观的展示数据，从而达到高级的数据分析与可视化的目的。 …
阅读更多...
ChatGPT与生成式AI：教育领域内新的浪潮与挑战

ChatGPT与生成式AI：教育领域内新的浪潮与挑战

随着ChatGPT和其他生成式AI技术，如GPT-3.5、GPT-4的出现，我们正见证教育领域一场前所未有的变革浪潮。这些技术不仅推动了教育方式的进步，也为学习者带来了全新的机遇和挑战。 NO.1教育变革的新浪潮 生成式AI技术，特别是ChatGPT&…
阅读更多...
FPGA(Verilog)实现按键消抖

FPGA(Verilog)实现按键消抖

实现按键消抖功能： 1.滤除按键按下时的噪声和松开时的噪声信号。 2.获取已消抖的按键按下的标志信号。 3.实现已消抖的按键的连续功能。 Verilog实现 模块端口 key_filter(input wire clk ,input wire rst_n ,input wire key_in , //按下按键时为0output …
阅读更多...
[C++][C++11][六] -- [线程库]

[C++][C++11][六] -- [线程库]

目录 1.thread类的简单介绍2.线程对象的构造方法1.无参构造2.带参构造3.移动构造4.注意 3.thread提供的成员函数4.获取线程id5.线程函数的参数问题1.指针2.借助std::ref函数3.借助lambda表达式 6.join和detach1.join()2.detach() 7.[mutex](http://在C11中，Mutex总共…
阅读更多...
无忧网络验证系统 getInfo SQL注入漏洞复现

无忧网络验证系统 getInfo SQL注入漏洞复现

0x01 产品简介 无忧网络验证是一套安全稳定高效的网络验证系统，基于统一核心的通用互联网+信息化服务解决方案，是为软件作者设计的一套完整免费的网络验证体系。可以为开发的软件增加收费授权的功能,让作者开发的软件可以进行销售、充值、登陆等操作,并且提供防破解验证功能…
阅读更多...
c# wpf LiveCharts 饼图 简单试验

c# wpf LiveCharts 饼图 简单试验

1.概要 c# wpf LiveCharts 饼图 简单试验 2.代码 <Window x:Class"WpfApp3.Window5"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d"http://schem…
阅读更多...
javaScript中原型链

javaScript中原型链

一、原型链 js 的对象分为普通对象和函数对象。每个对象都有__proto__ 但是只有函数对象 (非箭头函数) 才有 prototype 属性。 new的过程&#xff1a; 1、创建一个空的简单 javaScript对象 2、将空对象的 __proto__连接到该函数的 prototype 3、将函数的this指向新创建的对象…
阅读更多...
ARP寻址过程

ARP寻址过程

当知道目标的IP但是不知道目标的Mac地址的时候就需要借助ARP寻址获取目标的Mac地址&#xff0c;传输层借助四元组&#xff08;源IP源端口&#xff1a;目标IP目标端口&#xff09;匹配&#xff0c;网络层借助IP匹配&#xff0c;数据链路层则根据Mac地址匹配&#xff0c;数据传输…
阅读更多...
RK3568---4G模块驱动实验

RK3568---4G模块驱动实验

作者简介&#xff1a; 一个平凡而乐于分享的小比特&#xff0c;中南民族大学通信工程专业研究生在读&#xff0c;研究方向无线联邦学习 擅长领域&#xff1a;驱动开发&#xff0c;嵌入式软件开发&#xff0c;BSP开发 作者主页&#xff1a;一个平凡而乐于分享的小比特的个人主页…
阅读更多...
基于keepalived+gtid+双vip半同步主从复制的MySQL高性能集群

基于keepalived+gtid+双vip半同步主从复制的MySQL高性能集群

项目名称&#xff1a;基于keepalivedgtid双vip半同步主从复制的MySQL高性能集群 目录 项目名称&#xff1a;基于keepalivedgtid双vip半同步主从复制的MySQL高性能集群 项目规划图 1.配置4台MySQL服务器&#xff08;1台master&#xff0c;2台slave&#xff0c;1台backup&a…
阅读更多...
本地代码第一次提交到远程仓库gitee

本地代码第一次提交到远程仓库gitee

1.在gitee新建仓库 2.新建一个空文件夹 打开黑窗口,执行命令 克隆仓库地址 执行命令 git clone https://gitee.com/llncomms/test.git打开隐藏的项目 复制全部内容到需要提交的代码中 3.在提交的代码中执行命令 $ git add .git commit -m 首次提交$ git push提交成功
阅读更多...
ssm033单位人事管理系统+jsp

ssm033单位人事管理系统+jsp

单位人事管理系统设计与实现 摘 要 现代经济快节奏发展以及不断完善升级的信息化技术&#xff0c;让传统数据信息的管理升级为软件存储&#xff0c;归纳&#xff0c;集中处理数据信息的管理方式。本单位人事管理系统就是在这样的大环境下诞生&#xff0c;其可以帮助管理者在短…
阅读更多...
SpringMVC数据接收（全面/详细注释）

SpringMVC数据接收（全面/详细注释）

SpringMVC涉及组件&#xff1a; DispatcherServlet : SpringMVC提供&#xff0c;我们需要使用web.xml配置使其生效&#xff0c;它是整个流程处理的核心&#xff0c;所有请求都经过它的处理和分发&#xff01;[ CEO ]HandlerMapping : SpringMVC提供&#xff0c;我们需要进行…
阅读更多...
从零开始：一步步学习爬虫技术的实用指南（一）

从零开始：一步步学习爬虫技术的实用指南（一）

从零开始&#xff1a;一步步学习爬虫技术的实用指南&#xff08;一&#xff09; Urllib1.什么是互联网爬虫2.爬虫核心3.爬虫的用途4.爬虫的分类4.1 通用爬虫&#xff1a;4.1 聚焦爬虫&#xff1a; 5.反爬手段5.1 User‐Agent&#xff1a;5.2.代理IP5.3.验证码访问5.4.动态加载网…
阅读更多...
11.python的字典dict(下) 遍历字典，结构优化

11.python的字典dict(下) 遍历字典，结构优化

11.python的字典dict(下) 遍历所有的键值对 items()方法是字典的一个内置方法&#xff0c;用于返回字典中所有键值对的视图&#xff08;view&#xff09;。它返回一个可迭代的对象&#xff0c;每个元素都是一个包含键和对应值的元组。 下面用一个例子来说明items()方法的用法…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023