ios - Image.xcassets 在模拟器上呈现奇怪

Question

我在 Adob​​e Illustrator 上设计了一幅图像，其 H:100 像素和 W:2000 像素。当设备处于横向左侧时，此 Assets 应穿过屏幕底部并从头到尾完全覆盖它。

据我所知，iPhone 6+ 是 1080 x 1920。宽度为 2000 的 Assets 应该可以轻松地放在底部，所以我一定在这里遗漏了一些大东西。

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

数字如下:

3 倍:2001 × 1022 倍:1334 × 681x: 667 x 34

这组:

适合:5 秒、5 秒、4 秒

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

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

谢谢，如果需要任何其他详细信息，我很乐意更新此内容。

Answer 1

第一件事...

iPad Air 分辨率为 2048x1536，因此 2001 像素宽度的图像不适合。此外，iPhone 6+ 分辨率为 1242x2208，因此同样不适合。

第二...

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

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

第三...

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

提示...在不久的将来肯定会出现分辨率更高的设备，这会破坏您的显示屏。

总结

使用可调整大小的图像，无论它是什么，它都会拉伸(stretch)到所需的尺寸。

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