ios - Xcode 5 图像切片

Question

我正在尝试对 Assets Xcode 5 中的图像进行切片。我不知道切片是否可以实现我正在尝试做的事情。

图像看起来像这样:

我需要更改图像的宽度和高度，但不是同时更改。我得到的最接近的是当我使用水平作为高度和垂直作为宽度时。问题是当我改变宽度时，图像的左侧开始是一条直线，然后倾斜并变为原始形状。

我即将放弃切片的想法，只创建左、中、右三张图片。这是唯一的出路吗？

这是我当前切片的样子:

有什么方法可以改变它，让它至少在宽度上有效吗？

更新

我没有对图像进行切片，而是使用了 mask 并移动了 mask 。

Answer 1

切片的工作原理是获取中心部分，拉伸(stretch)它以填充所需的空间，然后放置图像端盖。

因为您的按钮有一条连续的对角线，您将无法将其切分。它会像这样拉伸(stretch)图像:

事实上，即使你做了一个中心部分和端盖，你仍然会遇到同样的问题，因为这个图像只能缩放。

如果您只需要一组有限的高度，那么您应该为每个可以水平切片的高度创建单独的 Assets 。如果您需要 N 个高度，那么您应该考虑使用核心图形在代码中以 -drawRect: 方法为任意尺寸绘制形状。

附言如果你想水平切片，这样你就可以增加宽度它的最佳效果是只有 1 像素宽度的图像会被拉伸(stretch)，所以你的按钮图像资源看起来有点像这样:

啊哈。 TIL:您可以从 Xcode 右侧 Pane 中的属性检查器更改切片选项。为了让你的切片工作只选择“水平”