【UnityUGUI】UGUI六大组件和三大基本控件详解
温馨提示：这篇文章已超过449天没有更新，请注意相关的内容是否还可用！
👨💻个人主页：@元宇宙-秩沅
👨💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!
👨💻 本文由 秩沅 原创
👨💻 收录于专栏：UI_Unity专栏
⭐习题总结专题篇⭐
文章目录
- ⭐习题总结专题篇⭐
- 🎶前言
- ⭐UGUI专题篇⭐
- 🎶前言
- 🎶UGUI的六大组件图示
- 🎶（==1==）1.Canvas-画布组件
- 👽 ScreenSpace —overlay（覆盖模式）
- 👽 ScreenSpace—Camera 摄像机模式
- 👽 World Space —AR VR
- 🎶（==2==）2.CanvasScaler—画布缩放控制器
- 👽 前言——了解参数
- 👽 三种适配模式
- 👽 Constant Pixel Size（恒定像素模式）
- 👽Scale with screen Size（缩放模式）
- 👽 Constant Physical Size（恒定物理模式）
- 👽 3D特殊模式
- 🎶（==3==）3.Graphic Raycaster—图形射线投射器
- 🎶（==4==）4.EventSystem组件—UI事件的检查官
- 🎶（==5==）5.Standalone Input Module—独立输出模块
- 🎶（==6==）6.RectTransform—矩阵变换
- 🎶 UGUI基础控件
- 🎶（==1==）UGUI_image参数
- 普通模式
- 切片模式——节约资源
- 填充模式——适合血条和CD缓冲的制作
- 平铺模式——适合纹理的制作大面积的纹理。
- 🪶Image代码相关
- 🎶（==2==）UGUI_Text参数
- 字体的自动裁剪和自动换行
- BestFit_字体的自动适应
- Rich Text富文本
- 边缘线和阴影的效果添加
- 代码控制
- 🎶（==3==）UGUI_RawImage参数
- 脑图
- 代码相关
🎶前言
素材来自唐老狮
🅰️
👨💻个人主页：@元宇宙-秩沅
👨💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!
👨💻 本文由 秩沅 原创
👨💻 收录于专栏：unity常用API
⭐UGUI专题篇⭐
文章目录
- ⭐习题总结专题篇⭐
- 🎶前言
- ⭐UGUI专题篇⭐
- 🎶前言
- 🎶UGUI的六大组件图示
- 🎶（==1==）1.Canvas-画布组件
- 👽 ScreenSpace —overlay（覆盖模式）
- 👽 ScreenSpace—Camera 摄像机模式
- 👽 World Space —AR VR
- 🎶（==2==）2.CanvasScaler—画布缩放控制器
- 👽 前言——了解参数
- 👽 三种适配模式
- 👽 Constant Pixel Size（恒定像素模式）
- 👽Scale with screen Size（缩放模式）
- 👽 Constant Physical Size（恒定物理模式）
- 👽 3D特殊模式
- 🎶（==3==）3.Graphic Raycaster—图形射线投射器
- 🎶（==4==）4.EventSystem组件—UI事件的检查官
- 🎶（==5==）5.Standalone Input Module—独立输出模块
- 🎶（==6==）6.RectTransform—矩阵变换
- 🎶 UGUI基础控件
- 🎶（==1==）UGUI_image参数
- 普通模式
- 切片模式——节约资源
- 填充模式——适合血条和CD缓冲的制作
- 平铺模式——适合纹理的制作大面积的纹理。
- 🪶Image代码相关
- 🎶（==2==）UGUI_Text参数
- 字体的自动裁剪和自动换行
- BestFit_字体的自动适应
- Rich Text富文本
- 边缘线和阴影的效果添加
- 代码控制
- 🎶（==3==）UGUI_RawImage参数
- 脑图
- 代码相关
🎶前言
🎶UGUI的六大组件图示
🎶（1）1.Canvas-画布组件
👽 ScreenSpace —overlay（覆盖模式）
- UI组件一直显示在屏幕前，覆盖所有
对应图示：
👽 ScreenSpace—Camera 摄像机模式
- 摄像机不为主相机
- 主摄像机比UI摄像机的层级要低
- 使得3D物体可出现在面板前的步骤
参数对应图示
a👽 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#专题篇—系统强基⭐
你们的点赞👍 收藏⭐ 留言📝 关注✅是我持续创作，输出优质内容的最大动力！
- 主要的区别在于第一个参数
- 文本阴影组件的添加
- 文本边缘线组件的添加
- fillCenter 中间挖空
-
- 代码调用对应参数
- 锚点的重合和成矩阵的区别
- 矩阵九宫格
- 像素单位转存储单位：尺寸 x 16 位 / 8字节 /1024 = ？ kb
- 屏幕分辨率计算公式 = 画布尺寸 * 缩放系数
- UI组件一直显示在屏幕前，覆盖所有
免责声明：我们致力于保护作者版权，注重分享，被刊用文章因无法核实真实出处，未能及时与作者取得联系，或有版权异议的，请联系管理员，我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明：本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度，360，搜狗等多加搜索引擎自动关键词搜索配图，如有侵权的图片，请第一时间联系我们，邮箱：ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!
