我在尝试使资产在iPhone X / XS和iPhone XS Max(以及iPhone 8 vs 8 Plus)之间正确缩放方面遇到麻烦。我希望资产在不同的屏幕尺寸上按比例缩放。
我的理解是X / XS和XS Max都使用3x
资产,但显示分辨率有所不同:X / XS的375pt
和XS Max的414pt
。我在Sketch上设计了375pt
宽度的资产,以在iPhone X / XS上正确缩放3x
。资产在X / XS上正确显示,但在XS Max上保持相同大小,而不是放大以在较大的显示器上看起来成比例。
我还尝试将资产的大小调整为414pt
的宽度,但这产生了相反的结果:在XS Max上看起来正确,但在X / XS上太大,而不是缩小以致看起来不成比例。
这是我期望的两种屏幕尺寸:
资产正确缩放:
但这是我在XS Max(Plus)上看到的:
忽略图像高度,看看XS Max资产如何保持相同大小而不是按比例放大?
似乎我可以通过遍历每个资产并手动缩放它们来强制资产通过代码在XS Max上正确缩放,但是我认为它应该是自动的,而且我做错了。
答案 0 :(得分:1)
这可能不是最好的解决方案,但我选择加载第二套调整大小的@3x
资产,以使Plus / Max设备在所有设备屏幕上看起来都可以正确缩放。这具有不升级的额外好处,因此所有资产看起来都很清晰,并且比遍历每项资产并进行扩展以适应的效率更高。但是,这意味着我不得不重新导出为414pt
屏幕设计的受影响资产。