UGUI 详解

1.RectTransform

UGUI 详解_第1张图片

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渲染层级影响因素 

  1. Camera层级(Depth)
  2. 同一Camera下Canvas上的 Sorting Layer(手动添加该组件)
  3. Order in Layer(同layer内的渲染顺序)

  4. UI自然层级(UI的自然层级)

3.Canvas -- 画布

参考链接:
(108条消息) Unity UGUI Canvas画布中文详解-Chinar_Chinarcsdn的博客-CSDN博客_unity 子画布https://blog.csdn.net/ChinarCSDN/article/details/90432076

 对Canvas下的组件进行统一管理的组件:CanvasGroup
UGUI 详解_第2张图片

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:
UGUI 详解_第3张图片

 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博客icon-default.png?t=M666https://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博客icon-default.png?t=M666https://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

你可能感兴趣的:(Unity,学习笔记,unity,游戏,ui)