OGeek|极客世界-中国程序员成长平台

标题: ios - Xcode 5 图像切片 [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-13 06:21
标题: ios - Xcode 5 图像切片

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

图片如下:

enter image description here

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

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

这是我当前切片的样子:

enter image description here

有什么办法可以改变它,使其至少适用于宽度?

更新

我没有对图像进行切片,而是使用了蒙版并移动了蒙版。



Best Answer-推荐答案


切片的工作原理是取中间部分,将其拉伸(stretch)以填充所需的空间,然后放在图像端盖上。

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

how slicing scales images

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

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

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

image that is optimal for slicing

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

correct slicing in xcode

关于ios - Xcode 5 图像切片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21679195/






欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://sqlite.in/) Powered by Discuz! X3.4