UGUI<一>:canvas

UGUI 显示物体必须基于 Canvas 下面渲染

Canvas渲染方式有三种:
1.Screen Space – Overlay:屏幕空间 – 覆盖(不需要相机)
这里写图片描述

不需要相机也可以渲染,但是UI永远在最前面

2.Screen Space – Camera:屏幕空间– 需要摄像机
这里写图片描述
这里写图片描述

World Space:世界坐标空间
这里写图片描述

CanvasScaler:
三种设计模式:
UI Scale Mode(画面缩放的形式):
1.ConstantPixelSize 恒定大小,无论屏幕大小是否改变,UI大小不变
2.ScaleWithScreenSize 随屏幕大小改变而改变
3.ConstantPhysicalSize 物理大小恒定,无论屏幕大小是否改变

UI Update不断更新UI分辨率
这里写图片描述

ConstantPixelSize 模式下
设置缩放比例即可
ScaleWithScreenSize模式下:
ScreenMatchMode.MatchWidthOrHeight:找到一个合适的比例;
ScreenMatchMode.Expand:取宽度或者高度最小的缩放;
ScreenMatchMode.Shrink:取屏幕宽度或者高度最大的缩放;

GraphicRaycaster:
UGUI 事件响应
1.必须canvas 上面必须挂脚本 canvas ,GraphicRaycaster
2.必须要有EventSystem (挂载EventSystem, StandaloneInputModule)
3.必须要有组件 Graphic (Image,Text,RawImage,Button具有Image)
这里写图片描述

NGUI并不是通过真正的射线射线做碰撞检测的,而是通过区域检测实现的
RectTransformUtility.RectangleContainsScreenPoint(graphic.rectTransform, pointerPosition, eventCamera)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值