当前位置: 首页 > news >正文

UI Toolkit(1)

UI Toolkit

  • UI Toolkit界面
  • 画布设置
  • 背景制作
  • UI布局

UI Toolkit界面

在Unity 2021LTS版本之后UI Toolkit也被内置在Unity中,Unity有意的想让UI Toolkit 成为UI的主要搭建方式,当然与UGUI相比还是有一定的差别。他们各有有点,这次我们就开始介绍UI Toolkit
在这里插入图片描述

在如下地方打开UI Builder。之后会出现一个界面
在这里插入图片描述
这就类似于我们添加和编辑游戏物体的界面。但不同的是这是UI的编辑界面。
还有另外一种打开方法
在这里插入图片描述
在文件夹中创建一个UI Document文件再打开就可以打开编辑的界面直接编辑了。

画布设置

Canvas Size:用于调整画布大小。
Match game view :勾选了可以自动适配游戏窗口的大小
在这里插入图片描述
在这里插入图片描述
VisualElement是所有UI Controls UI控件的基类

背景制作

在这里插入图片描述
在这有许多VisualElement的属性
添加背景图片后记得将Flex 中的grow 改为1,这样才能显示有背景的窗口
在这里插入图片描述
这样一个以天空为背景的UI界面完成了。

UI布局

在这里插入图片描述
在背景中添加多个视觉效果控件,将background 的颜色改为深色并更改透明度将边距改为4%,就获得了如上的效果。
当然你还可以添加其他的效果。

http://www.lryc.cn/news/59046.html

相关文章:

  • vLive带你走进虚拟直播世界
  • 初谈 ChatGPT
  • JAVA练习103-螺旋矩阵
  • RecvByteBufAllocator内存分配计算
  • 图数据结构与算法
  • 科普:c语言与C++的区别
  • 流量整形(GTS和LR)
  • Java接口详细讲解
  • 元宇宙地产暴跌,林俊杰亏麻了
  • 什么是瀑布流布局?瀑布流式布局的优缺点
  • 给您的 MongoDB 定期做个体检:MongoDB 诊断
  • 【云原生进阶之容器】第五章容器运行时5.8--容器热迁移
  • react框架的简单认识
  • IDEA的基本使用
  • 【MySQL】实验八 触发器与存储过程
  • Mockito5.2.0学习
  • 用指针实现内存动态分配
  • DBSCAN聚类算法及Python实现
  • 风光及负荷多场景随机生成与缩减
  • lamda表达式
  • MobTech 秒验|极速验证,拉新无忧
  • 大模型混战,阿里百度华为谁将成就AI时代的“新地基”?
  • 干翻Hadoop系列之:Hadoop前瞻之分布式知识
  • MAE论文阅读《Masked Autoencoders Are Scalable Vision Learners》
  • 代码随想录算法训练营第三十四天-贪心算法3| 1005.K次取反后最大化的数组和 134. 加油站 135. 分发糖果
  • 比较系统的学习 pandas (2)
  • 怎么查看电脑主板最大支持多少内存?
  • 数据结构——线段树
  • 【C++进阶】实现C++线程池
  • Redis常用五种数据类型