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

news2024/11/27 16:29:19

文章目录

  • 前言
  • 相关链接
  • 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.coloradmin.cn/o/1577795.html

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

相关文章

软件设计师：下午题（试题三）历年真题

软件设计师：下午题（试题三）历年真题

2021年下半年 2021年上半年 2020年下半年 2019年下半年 2019年上半年 2018年下半年 2018年上半年 2017年下半年 后续知识引入 2017年上半年 2016年下半年 2016年上半年 2015年下半年 2015年上半年 2014年下半年 2014年上半年 2013年下半年 2013年上半年 2012年下半年 2012年…
阅读更多...
Flink运行机制相关概念介绍

Flink运行机制相关概念介绍

Flink运行机制相关概念介绍 1. 流式计算和批处理2. 流式计算的状态与容错3. Flink简介及其在业务系统中的位置4. Flink模型5. Flink的架构6. Flink的重要概念7. Flink的状态、状态分区、状态缩放（rescale）和Key Group8. Flink数据交换9. 时间语义10. 水位…
阅读更多...
给他个卖票的机会,他能卖出负数票. 多线程安全问题演示

给他个卖票的机会,他能卖出负数票. 多线程安全问题演示

文章目录 1.1 线程安全产生的原因注意 : 以上代码是有问题 , 接下来继续改进通过上述代码的执行结果 , 发现了出现了负号票 , 和相同的票 . 说明数据出现安全问题 1.2 线程的同步1.3 同步代码块1.4 同步方法1.5 Lock锁 1.1 线程安全产生的原因 多个线程在对共享数据进行读改写…
阅读更多...
关系（三）利用python绘制相关矩阵图

关系（三）利用python绘制相关矩阵图

关系（三）利用python绘制相关矩阵图 相关矩阵图（Correlogram）简介 相关矩阵图既可以分析每对变量之间的相关性，也可以分析单变量的分布情况。相关性以散点图的形式可视化，对角线用直方图/密度图表示每个变量…
阅读更多...
MySQL 底层数据结构 聚簇索引以及二级索引 Explain的使用

MySQL 底层数据结构 聚簇索引以及二级索引 Explain的使用

数据结构 我们知道MySQL的存储引擎Innodb默认底层是使用B树的变种来存储数据的 下面我们来复习一下B树存储 B树存储 哈希存储的区别 哈希存储,只能使用等值查询 B树与B树存储 我们知道B树实际上就是B树的变种 那么为啥使用B树而不是使用B树呢? 我们知道效率的高低主要取决于…
阅读更多...
【JavaScript】作用域和闭包

【JavaScript】作用域和闭包

作用域 作用域是程序源代码中定义的范围。JavaScript采用词法作用域，也就是静态作用域。所谓词法作用域就是在函数定义的时候就已经确定了。 let value 1 function foo(){console.log(value) } function bar(){let value 2foo() } bar() // 1变量对象是当前代码…
阅读更多...
2.基础乐理-唱名的来历，简谱的构造

2.基础乐理-唱名的来历，简谱的构造

前置内容：1.唱名与记住唱名的方法 唱名的来历： 很久很久以前（公元前）各个文明开始诞生和慢慢发展，随着文明的发展，各个文明都开始出现自己的音乐，根据考古学家的发现在 公元前1800年&#xff…
阅读更多...
【随笔】Git 高级篇 -- 整理提交记录（下）rebase（十六）

【随笔】Git 高级篇 -- 整理提交记录（下）rebase（十六）

💌 所属专栏：【Git】 😀 作  者：我是夜阑的狗🐶 🚀 个人简介：一个正在努力学技术的CV工程师，专注基础和实战分享 ，欢迎咨询！ 💖 欢迎大…
阅读更多...
每日汇评：地缘冲突休战会阻碍黄金创纪录的涨势吗？

每日汇评：地缘冲突休战会阻碍黄金创纪录的涨势吗？

尽管以色列与哈马斯的地缘政治紧张局势有所缓和，金价仍冲破 2350 美元，创下新高； 对央行黄金购买量激增的预期抵消了美国非农就业数据主导的美联储强硬押注； 在美国CPI数据公布之前，由于 RSI 极度超买，金价…
阅读更多...
YOLOV8注意力改进方法: CoTAttention(Visual Question Answering，VQA)附改进代码）

YOLOV8注意力改进方法: CoTAttention(Visual Question Answering，VQA)附改进代码）

原论文地址：原论文下载地址 论文相关内容介绍： 论文摘要翻译： 具有自关注的Transformer导致了自然语言处理领域的革命，并且最近在许多计算机视觉任务中激发了具有竞争性结果的Transformer风格架构设计的出现。然而，大…
阅读更多...
day02php环境和编译器—我耀学IT

day02php环境和编译器—我耀学IT

一、环境介绍 1、web 环境 使用 PHP 需要先安装环境，安装环境比较麻烦，需要安装Web服务、PHP应用服务器、MySQL管理系统。 Web服务：apache 和 nginx PHP：多版本 MySQL：多版本 2、环境集成包 因为多环境、多版本、多系…
阅读更多...
查看Linux系统相关信息

查看Linux系统相关信息

注： 本文只是博主学习记录分享，仅供参考。如有错误肯定是博主理解有问题，谢谢！ 一、查看当前操作系统的内核信息 命令：uname -a 二、查看当前操作系统版本信息 命令：cat /proc/version 这条命令可以查看到…
阅读更多...
什么是电子邮件加密？电子邮件加密有几种类型？

什么是电子邮件加密？电子邮件加密有几种类型？

在当今数字时代，电子邮件已经成为人们日常生活中不可或缺的沟通工具，据相关数据统计，全球每天发送的电子邮件数以亿计，而这些邮件里面通常包含了姓名、地址、个人身份信息 (PII)、登录凭证、财务信息、法律合同、知识产权等有价值…
阅读更多...
Python学习从0到1 day22 第二阶段 面向对象 ⑤ 多态

Python学习从0到1 day22 第二阶段 面向对象 ⑤ 多态

诋毁本身就是一种仰望 —— 24.4.8 学习目标 1.理解多态的概念 2.理解抽象类（接口的编程思想） 多态 多态，指的是：多种状态，即完成某个行为时，使用不同的对象会得到不同的状态 多态常用在继承关系上 比如&am…
阅读更多...
从事「音视频领域」开发工作有前途吗？

从事「音视频领域」开发工作有前途吗？

据我所知，做音视频的也分算法和工程，这两者都比普通开发高出不少，音视频工程开发的薪资大概比普通web开发高出30%。在开始前我有一些资料，是我根据网友给的问题精心整理了一份「音视频开发的资料从专业入门到高级教程」&#xff0…
阅读更多...
使用 AI 生成正则表达式，告别正则烦恼

使用 AI 生成正则表达式，告别正则烦恼

如果你有处理正则表达式的需求，那么这个网站（autoregex.xyz）一定要收藏好。 可以根据文字描述生成正则表达式。 默认是从文字到正则，不用选择。 输入框中输入描述，点击 ”GO“ 按钮。 等待一会儿，即可生…
阅读更多...
计算 Hermitian 矩阵的特征值和特征向量 cusolver 示例 DnCheevj

计算 Hermitian 矩阵的特征值和特征向量 cusolver 示例 DnCheevj

1，原理 计算Hermitian 矩阵的特征值，使用Jacobi 旋转法，每次调整两个对称元素为0，通过迭代，使得非对角线上的值总体越来越趋近于0. 示例扩展了 nv 的 cusolverDsyevj 的示例 由于特征向量是正交的，故V*V…
阅读更多...
预训练任务

预训练任务

预训练任务 - Mask Language Model jieba预分词长度小于4的词直接mask&#xff08;mask_ids就是input_ids&#xff09; if rands > self.mask_rate and len(word) < 4:word word_list[i]word_encode tokenizer.encode(word, add_special_tokensFalse)for token in wo…
阅读更多...
Leetcode面试经典150_Q122买卖股票的最佳时机II

Leetcode面试经典150_Q122买卖股票的最佳时机II

题目&#xff1a; 给你一个整数数组 prices &#xff0c;其中 prices[i] 表示某支股票第 i 天的价格。 在每一天&#xff0c;你可以决定是否购买和/或出售股票。你在任何时候 最多 只能持有 一股 股票。你也可以先购买&#xff0c;然后在 同一天 出售。 返回 你能获得的 最大…
阅读更多...
快速为App打造Android端聊天室，节省80%开发成本（一）

快速为App打造Android端聊天室，节省80%开发成本（一）

前言 环信 ChatroomUIKit 提供 UIKit 的各种组件&#xff0c;能帮助开发者根据实际业务需求快速搭建聊天室应用&#xff0c;有效节约开发成本&#xff01;通过该 UIKit&#xff0c;聊天室中的用户可实时交互&#xff0c;发送普通弹幕消息、打赏消息和全局广播等功能。 本文详…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023