1.RectTransform
RectTransform组件 继承自Transform组件,是2D界面中元素的Transform。
对比Transform增加了新的属性分别是:Anchor(锚点)和 Pivot(轴心点)。
属性:
localPosition:图形中心点和物理(可设置)中心点(0,0)的相对位置
anchoredPosition(Inspector面板上的):锚点中心点和物理中心点相对位置
最安全获取UI宽高方式:
参考链接:
(107条消息) Unity3D RectTransform中文教程详细用法分析_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/86729600
2.UI渲染层级影响因素
- Camera层级(Depth)
- 同一Camera下Canvas上的 Sorting Layer(手动添加该组件)
-
Order in Layer(同layer内的渲染顺序)
- UI自然层级(UI的自然层级)
3.Canvas -- 画布
参考链接:
(108条消息) Unity UGUI Canvas画布中文详解-Chinar_Chinarcsdn的博客-CSDN博客_unity 子画布https://blog.csdn.net/ChinarCSDN/article/details/90432076
对Canvas下的组件进行统一管理的组件:CanvasGroup
4.Image -- 图片
参考链接:
(110条消息) Unity UGUI Image 中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90312137将一张图片切割成多张图片:
(109条消息) unity3d将一张图片切成多张图片_angelsmiles的博客-CSDN博客https://blog.csdn.net/angelsmiles/article/details/50464369
5.RawImage -- 未加工图片
参考链接:
(110条消息) Unity UGUI Raw Image中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90421857
6.Text -- 文本
参考链接:
(110条消息) Unity UGUI Text 中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90185700
7.Mask -- 遮罩
参考链接:
(110条消息) UGUI Mask组件 使用_Unity李大馋师的博客-CSDN博客https://blog.csdn.net/weixin_42935398/article/details/119872803Tips:减少使用,会增加Drawcall
8.交互组件基类
Selectable:
Transition Setting ——过渡类型
类型 | 功能 |
---|---|
None | 无过渡效果 |
Color Tint | 颜色过渡 |
Sprotes Swap | 图片过渡 |
Animation | 动画过渡 |
8.Button -- 按钮
参考链接:
(110条消息) Unity UGUI Button 中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90315653
9.Toggle -- 开关
参考链接:
(111条消息) Unity 3D UGUI Toggle用法教程_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/80287793
10.ToogleGroup -- 开关组
参考链接:
(111条消息) unity ugui Toggle Group详解(Chinar出品、简单易懂)_Chinarcsdn的博客-CSDN博客_togglegroup unityhttps://blog.csdn.net/ChinarCSDN/article/details/80317098
11.Slide -- 滑动器
参考链接:
(113条消息) Unity UGUI Slider滑动器中文详解-Chinar_Chinarcsdn的博客-CSDN博客_unity中sliderhttps://blog.csdn.net/ChinarCSDN/article/details/90620385
12.Scrollbar —— 滚动条
参考链接:
(114条消息) Unity UGUI Scrollbar滚动条中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90680852
13.Dropdown —— 下拉菜单
参考链接:
(114条消息) Unity3D UGUI下拉菜单/Dropdown组件用法、总结_Chinarcsdn的博客-CSDN博客_unity的dropdownhttps://blog.csdn.net/ChinarCSDN/article/details/80261153
14.InputField —— 输入框
参考链接:
(114条消息) Unity UGUI InputField 中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90396117
15.ScrollView—— 滚动视图
参考链接:
(116条消息) Unity UGUI Scroll View中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90524544?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165837268416782388059415%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165837268416782388059415&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-90524544-null-null.185^v2^control&utm_term=scroll%20view&spm=1018.2226.3001.4450
16.Layout —— 布局组件
参考链接:
(116条消息) Unity UGUI Scroll View中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90524544?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165837268416782388059415%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165837268416782388059415&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-90524544-null-null.185^v2^control&utm_term=scroll%20view&spm=1018.2226.3001.4450