Xcode 5图像切片

时间:2014-02-10 13:58:54

标签: ios xcode5

我试图在资源Xcode 5中切片。我不知道我尝试做什么是切片可能的。

图片如下所示:

enter image description here

我需要改变图像的宽度和高度,尽管不是同时。我最接近的是当我使用Horizo​​ntal作为高度时,Vertical使用Vertical作为宽度。问题是当我改变宽度时,图像的左侧以直线开始,并且倾斜并变为原始形状。

我即将放弃切片的想法,只需创建三个图像,左,中,右。这是唯一的出路吗?

这是我当前切片的样子:

enter image description here

有没有办法改变它,所以它至少适用于宽度?

更新

不是切片图像,而是使用了蒙版并移动了蒙版。

1 个答案:

答案 0 :(得分:4)

切片的工作原理是取中心部分,拉伸它以填充所需的空间,然后放上图像端盖。

因为您的按钮具有连续的对角线,您将无法对其进行切片。它会像这样拉伸图像:

how slicing scales images

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

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

P.S。如果你想水平切片,那么你可以增加最佳宽度,只有1像素宽度的图像将被拉伸,所以你的按钮图像资源看起来有点像这样:

image that is optimal for slicing

啊哈。 TIL:您可以从Xcode右侧窗格中的属性检查器更改切片选项。要使切片工作只选择“水平”

correct slicing in xcode