UGUI 详解

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

  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

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博客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

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值