ios - Image.xcassets 在模拟器上奇怪地渲染

Question

我在 Adob​​e Illustrator 上设计了一个 H：100 px 和 W：2000 px 的图像。当设备处于横向左侧时，该资产应穿过屏幕底部并从头到尾完全覆盖。

据我所知，iPhone 6+ 是 1080 x 1920。两千宽的资产应该可以舒适地放在底部，所以我一定是在这里遗漏了一些重要的东西。

我使用 Prepo 将我的 3x（宽度为 2000 的那个）转换为 2x 和 1x。

数字如下：

3x：2001 x 102 2x：1334 x 68 1x：667 x 34

这套：

适合：5s、5、4s

太短：iPad Retina、iPad Air、iPad 2、6+、6

我假设我错过了图像 xcassets 的一些关键方面，因为我有点不知所措。

谢谢你，我很高兴用任何其他需要的细节来更新它。

Answer 1

第一件事...

iPad Air 分辨率为 2048x1536，因此您的 2001 像素宽度的图像将不适合。此外，iPhone 6+ 的分辨率是 1242x2208，所以这也不适合。

第二...

您不应该仅仅依靠图像大小来适应屏幕。您还没有显示图像是什么，但我想这种大小的东西将是某种渐变或遍布屏幕底部的东西。

在这种情况下，您应该使用切片图像，无论设备分辨率如何，它都会调整为任意大小。

第三...

如果您确实依赖图像大小，那么您有什么保证将来不会有分辨率更高的设备再次破坏图像？

提示... 保证在不久的将来会有一个分辨率更高的设备会破坏你的显示。

概括

使用可以拉伸到所需大小的可调整大小的图像，无论它是什么。

使用 AutoLayout 之类的东西，以便图像视图的框架由屏幕大小设置，而不是由图像大小设置。