【Unity】UI的一些简单知识

本文介绍了Canvas中的RenderMode,包括ScreenSpace-Overlay和WorldSpace的使用场景。此外,重点讲解了CanvasScaler如何实现UI的大小随屏幕变化,以及Image的锚点设置以保持图片位置稳定。
摘要由CSDN通过智能技术生成

Canvas

新建一个Canvas  

Render Mode 

 Canvas 中有一个Render Mode(渲染模式),有三种渲染模式: Screen Space-Overlay (屏幕空间)Screen Space-Camara 、 World Space 

其中,Space- Overlay是默认显示在所有图层上方的,可以用于制作主角色的头像、血条等

 World Space 可以随着某些物体(如机器人)移动,可以用于制作机器人的血条(注意将Canvas组件放到机器人预制体文件夹下方来使得血条随着机器人移动)

Canvas Scaler

 此目录下有一个叫做UI Scale Mode的选项。 

Constant Pixel Size 表示UI的大小是一个固定值,不随着游戏画面大小而改变。

对于不同分辨率的玩家来说,UI的大小也不同,所以应修改此选项为Scaled with Screen Size 

这样UI就会随着屏幕大小自适应

Image

注意Image可以设置锚点 ,来使得图片不会因为缩放而跑到屏幕外面

点击红色的框,将锚点设置为左上角即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值