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搭建基于本地知识库的问答机器人，原理图和步骤如下： 这里面主要包括包括三个基本步骤&#…
阅读更多...
MySQL数据库在Windows和Linux中各种日志的默认路径

MySQL数据库在Windows和Linux中各种日志的默认路径

1. 二进制日志（Binary Log） 在Linux系统中，二进制日志的默认路径通常为： /var/lib/mysql/hostname-bin.log 其中hostname是你的服务器主机名。如果没有特别配置，日志名可能是mysql-bin.log。 在Windows系统中&…
阅读更多...
3.1k Star的特斯拉数据伴侣神器

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

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

非关系型数据库Redis部署与常用命令

前言 Redis是一个高性能的开源内存数据库，常用于缓存、会话存储和实时数据处理，它是一款非关系型数据库。在生产环境中，Redis通过将数据存储在内存中以及支持多种数据结构，提供了快速的读写能力，并且可通过持久化功能…
阅读更多...
龙晰系统运维相关笔记

龙晰系统运维相关笔记

一、硬盘分区、格式化及挂载（可直接查看另一篇文章硬盘分区格式化，或参考以下命令） #查看硬盘设备号fdisk -lfdisk /dev/vdb#以下为输入fdisk /dev/vdb命令后可以使用的命令行m #查看选项n #新建分区p 新建主分区1 新建1号分区2048 输入初始磁…
阅读更多...
laravel如何通过DB获取一条数据的指定字段并转成数组

laravel如何通过DB获取一条数据的指定字段并转成数组

在 Laravel 中，如果你想要通过原生数据库查询构建器（DB facade）获取一条数据的指定字段，并将其转换为数组，你可以这样做： 首先，使用 select 方法来指定你想要获取的字段，然后使用 w…
阅读更多...
L1-020 帅到没朋友分数 (20)

L1-020 帅到没朋友分数 (20)

一、题目要求 当芸芸众生忙着在朋友圈中发照片的时候，总有一些人因为太帅而没有朋友。本题就要求你找出那些帅到没有朋友的人。 输入格式： 输入第一行给出一个正整数N（≤100），是已知朋友圈的个数；随后N行…
阅读更多...
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 产品简介 无忧网络验证是一套安全稳定高效的网络验证系统，基于统一核心的通用互联网+信息化服务解决方案，是为软件作者设计的一套完整免费的网络验证体系。可以为开发的软件增加收费授权的功能,让作者开发的软件可以进行销售、充值、登陆等操作,并且提供防破解验证功能…
阅读更多...
Go 中无缓冲通道与容量为1的缓冲通道的区别

Go 中无缓冲通道与容量为1的缓冲通道的区别

作为学Go的菜鸟，之前我以为这两个应该是同一个东西，以为无缓冲通道是缓冲通道容量为1的一种特殊情况。然鹅，这俩货根本不是同一个东西。 无缓冲通道 无缓冲通道也称为同步通道，发送操作会阻塞，直到另一个 goroutine …
阅读更多...
TDengine Schemaless(无模式写入)常见问题的原因及故障排除

TDengine Schemaless(无模式写入)常见问题的原因及故障排除

Tips：使用版本：3.0.2.6 （一）TDengine ERROR (80003002): Invalid data format 格式化问题；如缺少必要的组成格式（时间戳、超级表等），或有字符串未作修饰符修饰，类似的还…
阅读更多...
0基础如何进入IT行业？【模板】

0基础如何进入IT行业？【模板】

0基础如何进入IT行业？ 简介：对于没有任何相关背景知识的人来说，如何才能成功进入IT行业？是否有一些特定的方法或技巧可以帮助他们实现这一目标？ 提醒：在发布作品前，请把不需要的内容删掉。 方…
阅读更多...
工业通信原理——Modbus-RTU通信规约定义

工业通信原理——Modbus-RTU通信规约定义

工业通信原理——Modbus-RTU通信规约定义 前言 Modbus RTU是一种基于串行通信的通信协议，通常用于在设备之间进行数据通信。 Modbus-RTU通信规约定义 Modbus RTU通信规约的定义，包括客户机请求和服务器响应的基本流程： 物理层&#xff1…
阅读更多...
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…
阅读更多...
最新文章

Copyright @ 2022~2023