ios - 相同图像切片在 8 和 8 PLUS 上显示差异很大

Question

这是 Sample Project

问题

我想让图像具有固定的上半部分和拉伸(stretch)的下半部分，以使其在任何高度上正确调整大小。

我在 Assets.xcassets 中使用图像切片来实现这一点。图像可以适当调整大小，但不同尺寸下的显示效果略有不同。

原始图像

图像切片

只需从垂直中心对图像进行切片即可。

Storyboard

内容模式设置为缩放至填充

高度约束等于其宽度约束乘以 0.8

结果

我认为它应该在不同的设备上显示几乎相同的图像。因为除了图像资源(2x、3x)之外，一切都是相同的。

然而，结果并不是我所期望的。在 iPhone 8 PLUS 上图像似乎有点被压扁。

最后

我正在使用 Mojave 和 Xcode 10.1 (10B61)。

谁都知道是什么原因。那么如何让图像在垂直方向上适当拉伸(stretch)呢？

Answer 1

它看起来“被压扁”的原因是图像被水平拉伸(stretch)。

您的切片允许顶部保持恒定的高度，但不是恒定(或成比例)的宽度。

在这里，我使用您的原始图像没有任何切片...每个 ImageView 的高度相同(201点)，所以您知道它不是垂直缩放，而是不同的宽度，因此您可以查看水平拉伸(stretch)的结果:

您可能想要尝试的是将原始图像仅剪裁到顶部部分。设置该 ImageView 上的约束以保持比例，然后使用纯色 ImageView (或仅具有匹配背景颜色的 UIView)作为下部“垂直拉伸(stretch)”部分。