【UnityUGUI】UGUI六大组件和三大基本控件详解


👨‍💻个人主页@元宇宙-秩沅

👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

👨‍💻 本文由 秩沅 原创

👨‍💻 收录于专栏UI_Unity专栏


⭐习题总结专题篇⭐


文章目录


🎶前言


素材来自唐老狮


🅰️



👨‍💻个人主页@元宇宙-秩沅

👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

👨‍💻 本文由 秩沅 原创

👨‍💻 收录于专栏unity常用API


⭐UGUI专题篇⭐


文章目录


🎶前言



🎶UGUI的六大组件图示




🎶(1)1.Canvas-画布组件




👽 ScreenSpace ---overlay(覆盖模式)

  • UI组件一直显示在屏幕前,覆盖所有

对应图示:


👽 ScreenSpace---Camera 摄像机模式

  • 摄像机不为主相机
  • 主摄像机比UI摄像机的层级要低
  • 使得3D物体可出现在面板前的步骤

参数对应图示



👽 World Space ---AR VR



🎶(2)2.CanvasScaler---画布缩放控制器


👽 前言------了解参数


  • 屏幕分辨率计算公式 = 画布尺寸 * 缩放系数
  • 像素单位转存储单位尺寸 x 16 位 / 8字节 /1024 = ? kb

Cnvasscaler------画布缩放控制器


👽 三种适配模式



👽 Constant Pixel Size(恒定像素模式)



👽Scale with screen Size(缩放模式)



👽 Constant Physical Size(恒定物理模式)


单位种类 1英寸
centimeter(厘米) 2.54cm =1 In
Millimeter(毫米) 25.4mm = 1 In
Points(点) 72P = 1 In
Picas(皮卡) 6 皮卡 = 1In
Inches(英寸) 1

👽 3D特殊模式


🎶(3)3.Graphic Raycaster---图形射线投射器



🎶(4)4.EventSystem组件---UI事件的检查官



🎶(5)5.Standalone Input Module---独立输出模块



🎶(6)6.RectTransform---矩阵变换


  • 矩阵九宫格

单点是一键操作锚点的位置,shift+点击是连带操作轴心点的位置

  • 锚点的重合和成矩阵的区别

重合时,子对象不会随着父对象变化而变化

变矩阵时会随着父对象的大小变化而变化

  • 代码调用对应参数

(this.transform as Rectionsform).xx


🎶 UGUI基础控件



🎶(1)UGUI_image参数


普通模式


切片模式------节约资源


需要下载package manager。中的Sprite 2D资源包。

[外链图片转存失败,源站可能有防盗在这里插入!链机制,建描述]议将图片上https://传(imblog.csdnimg.cn/kfqayV95b67bfb4d0e9616cdde18d8f.pngb27(https://img-3blog.csdnimg.cn/8eaf95b67bfb4d0e9612b46cdde18d8f.png)]

  • 导入后在图片资源的打开Sprite editor。

  • 宫格设置

  • 变换的,只有中间的那一部分。

  • fillCenter 中间挖空

填充模式------适合血条和CD缓冲的制作


  • 血条效果
  • CD效果
  • 保持宽高比的效果。

平铺模式------适合纹理的制作大面积的纹理。


🪶Image代码相关



🎶(2)UGUI_Text参数


------------


字体的自动裁剪和自动换行




BestFit_字体的自动适应




Rich Text富文本






边缘线和阴影的效果添加


  • 文本边缘线组件的添加
  • 文本阴影组件的添加

代码控制



🎶(3)UGUI_RawImage参数


脑图


  • 主要的区别在于第一个参数


代码相关


⭐相关文章⭐


软件设计师高频考点大全

unity之c#专题篇---系统强基



你们的点赞👍 收藏⭐ 留言📝 关注✅是我持续创作,输出优质内容的最大动力!

相关推荐
向宇it7 小时前
【unity小技巧】unity 什么是反射?反射的作用?反射的使用场景?反射的缺点?常用的反射操作?反射常见示例
开发语言·游戏·unity·c#·游戏引擎
Heaphaestus,RC8 小时前
【Unity3D】获取 GameObject 的完整层级结构
unity·c#
芋芋qwq8 小时前
Unity UI射线检测 道具拖拽
ui·unity·游戏引擎
tealcwu9 小时前
【Unity服务】关于Unity LevelPlay的基本情况
unity·游戏引擎
大眼睛姑娘12 小时前
Unity3d场景童话梦幻卡通Q版城镇建筑植物山石3D模型游戏美术素材
unity·游戏美术
九州ip动态16 小时前
模拟器多开限制ip,如何设置单窗口单ip,每个窗口ip不同
tcp/ip·游戏·媒体
鹿野素材屋16 小时前
Unity Dots下的动画合批工具:GPU ECS Animation Baker
unity·游戏引擎
St_Ludwig16 小时前
C语言 蓝桥杯某例题解决方案(查找完数)
c语言·c++·后端·算法·游戏·蓝桥杯
小春熙子1 天前
Unity图形学之着色器之间传递参数
unity·游戏引擎·技术美术·着色器
虾球xz1 天前
游戏引擎学习第15天
学习·游戏引擎