相同的图像切片显示在8和8+上非常不同。

Question

，这是 样本工程

问题

我想要做一个图像，有一个固定的上半部分和一个延伸的下半部分，使它在任何高度适当调整大小。

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

原始意象

​

​

图像切片

只需将图像从垂直中心切片即可。

​

​

故事板

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

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

​

​

结果

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

然而，结果却不是我所期望的。这张图片似乎在iPhone 8+上被压碎了。

​

​

最后

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

任何人都知道原因是什么。以及如何使图像垂直拉伸适当？

Answer 1

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

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

在这里，我使用你的原始图像，没有任何切片..。每个图像视图都是相同的高度(201-it)，因此您知道它不是垂直缩放，而是不同的宽度，因此您可以看到水平拉伸的结果：

​

​

您可能需要尝试的是将原始图像裁剪到顶部。设置该图像视图上的约束以保持比例，然后使用实心彩色图像视图(或仅使用与背景颜色匹配的UIView )作为较低的“垂直拉伸”部分。