Unity UI和场景适配

本文探讨了Unity中UI适配的必要性,并详细介绍了三种UI适配方法:高度匹配、宽度匹配和宽高铺满,重点讲解了Unity通过Canvas Scale组件实现的适配方案,确保不同分辨率设备上UI的正确显示。
摘要由CSDN通过智能技术生成

1.ui适配

初始情况:

1.为什么要适配?

 因为通常我们做ui的时候,会使用一个标准分辨率作为参考,然后所有ui在这个分辨率下都能正确显示,我们游戏使用的是1136x640这个分辨率。但是当我们在面对不同的手机分辨率的时候,如果我们不缩放ui的宽和高,那么我们的ui将不能正确显示,比如上图的背景,只占据了整个显示区域的中心部分。

2.适配ui方法

(1)高度匹配(宽高缩放比一致)

假设目标分辨率的宽高比是:1920/960 = 2, 我们设计的标准分辨率是:1136/640=1.775.   此时2大于1.775, 我们使用高度匹配,那么960/640 = 1.5, 1136*1.5 = 1704, 于是最后我们高度适配后最后显示结果是:1704,960.  1704的宽并没有铺满1920的显示区域,于是屏幕两边有空隙。不过我们可以渲染一个填充满屏幕特定背景,来填充左右两侧的空隙。

 

(2) 宽度匹配(宽高缩放比一致)

假设目标分辨率的宽高比是:1024/768 = 1.33, 我们设计的标准分辨率是:1136/640=1.775.   此时1.33小于1.775, 我们使用宽度匹配,那么1024/1136 = 0.9, 640*0.9 = 576, 于

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值