iPad和iPhone屏幕适配问题,如何锁定图片宽高比?

我的设计分辨率是1920*1080,与iPhone5以后的机型宽高比相同,直接就实现了适配。但iPad的宽高比与iPhone不同,因此在适配时遇到了一些问题,使用了Widget组件等仍然无法解决。

需求如下:
1.我有一张背景图片,分辨率为19201080。
2.希望该背景图片在分辨率为1920
1080或相同宽高比时,铺满屏幕;宽高比与1920*1080不一致时,图片能够锁定宽高比,铺满宽度,高度不铺满。图片居顶部,下方留空。

我在图片节点上增加了Widget组件,选中left,right以及top。但实际效果是铺满了宽度,但高度也进行了拉伸,这样图片的比例就失调了。

请问这个问题如何解决?如何才能锁定图片的宽高比?

creator的这个适配模式特别不灵活。Pad下面我也是没有办法,想方案

Canvas节点设置

把背景图片添加到Canvas节点下,添加Widget组件

然后你在试试,能不能达到你的需求

这个是我这边浏览器中的效果
iPad

iPhone

2赞

已经试用,是可以的。非常感谢!

我之前设置的错误在于Canvas里面是Fixed Height而非Fixed Width。这样看来,我需要几个不同的Canvas,因为我还有一些布局需要FIxed Height。

canvas节点里面勾选fit width,不要勾选fit height

1赞

是的,改成这样以后可以了。非常感谢