「Unity3D」UGUI将元素固定在,距离屏幕边缘的某个比例,以及保持元素自身比例

在不同分辨率的屏幕下,UI元素按照自身像素大小,会发生位置与比例的变化,本文仅利用锚点(Anchors)使用,来实现UI元素,固定在某个比例距离的屏幕边缘。

首先,将元素的锚点设置为中心,通过pos来调整元素,距离屏幕的像素位置,以及自身的像素大小,如下图。

其次,将锚点设置为元素的四个角,使得元素的Pos全部为0,如下图。

这样,屏幕分辨率变化,元素就可以固定在屏幕边缘的某个比例位置,但有个问题,就是元素会被缩放,失去原有比例,所以需要用Aspect Ratio Fitter来控制元素自身比例,如下图。

这里竖屏使用的是——高度控制宽度(1:1),如果是横屏就用——宽度控制高度,即:哪个方向的变化为基准,来缩放另一个方向,以达到固定比例。竖屏以高度为基准变化宽度,宽屏以宽度为基准变化高度。

之后会看到,元素的宽度被自动设置。

最后,看一下不同分辨率的效果,如下图。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值