Unity笔记 UGUI (画布 锚点 事件 遮罩 )

本文详细介绍了Unity的UGUI系统,包括Canvas的三种渲染模式,Rect Transform组件的锚点、Pivot和大小调整,以及Button、Image、Text组件的用法。此外,还讲解了事件系统、Slider、Transition、Scroll Rect和Mask等关键概念,为创建高效UI提供了全面指导。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1 Canvas
所有UI gameobject都要是canvas的子。
Canvas可以存在多个。
Canvas决定UI控件如何渲染:
screen space overlay,2d UI
screen apace camera, 3d UI 需要指定一个摄像机,这里就可以添加粒子了。
world space,对话泡或玩家名字什么的,这种模式canvas不控制rect transform组件。

在canvas下ui gameobject是按照树形顺序依次渲染的。
sorting layer可以控制渲染次序。

2 Rect Transform
这个组件取代transform出现在ui gameobject上。
anchor是这个组件里独特的属性,决定ui gameobject在父变化后如何变化。
大部分鼠标都可以来调整rect transform,pivot 是这个rect transform的中心,而且不一定在rect内部。

anchors 值是%对于父。
control points(蓝点)值是固定距离到anchors。
pivot值是一个%对于control points。

属性:
pos,是pivot到父anchor点的距离。
width和height,是大小,单位和pos一样都是像素。
anchor,4个anchor被代表为三角的gizmo。每个anchor对应rect transform的每个corner(小蓝点),这个距离是固定的。
anchor设置的值是父控件区域内的位置。
当4个anchor在一起时,当父控件缩放时子控件就会一直在anchor的位置上(百分比单位),且没有缩放。
当4个anchor分开时,当父控件缩放时子控件要保持corner和4个anchor的距离就会被缩放。
常见情况是子的corner和anchor重合,这样子控件就按照父缩放的百分比来缩放了。
还有一种是父的corner和anchor重合,这样可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

好热哦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值