如何拉伸UIImageView而不拉伸中心？

我想拉伸上面显示的图片的左侧和右侧，并保持中间的箭头未拉伸。 我怎样才能做到这一点？

Answer 1

使用Photoshop或其他图像编辑工具将图像分成两部分：边缘和中心。 边缘图像可以是一个像素宽，用于左边缘和右边缘; 但是中心却有很多像素宽度可以捕捉箭头。 然后，可以将三个UIImageView实例相邻放置：左边缘，中心和右边缘。 左右边缘被调整到所需的宽度，而中央保持其原始尺寸。

Answer 2

如果你不喜欢打扰Photoshop，如果图像没有dynamicresize，你可以在UIImage上使用我的分类方法。

名为“17maA.png”的示例图像宽度为124像素。 所以你可以很容易地创build一个300像素的宽版本：

 UIImage *image = [UIImage imageNamed:@"17maA"]; UIImage *newImage = [image pbResizedImageWithWidth:300 andTiledAreaFrom:10 to:20 andFrom:124-20 to:124-10]; 

这是类别的方法：

 - (UIImage *)pbResizedImageWithWidth:(CGFloat)newWidth andTiledAreaFrom:(CGFloat)from1 to:(CGFloat)to1 andFrom:(CGFloat)from2 to:(CGFloat)to2 { NSAssert(self.size.width < newWidth, @"Cannot scale NewWidth %f > self.size.width %f", newWidth, self.size.width); CGFloat originalWidth = self.size.width; CGFloat tiledAreaWidth = (newWidth - originalWidth)/2; UIGraphicsBeginImageContextWithOptions(CGSizeMake(originalWidth + tiledAreaWidth, self.size.height), NO, self.scale); UIImage *firstResizable = [self resizableImageWithCapInsets:UIEdgeInsetsMake(0, from1, 0, originalWidth - to1) resizingMode:UIImageResizingModeTile]; [firstResizable drawInRect:CGRectMake(0, 0, originalWidth + tiledAreaWidth, self.size.height)]; UIImage *leftPart = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); UIGraphicsBeginImageContextWithOptions(CGSizeMake(newWidth, self.size.height), NO, self.scale); UIImage *secondResizable = [leftPart resizableImageWithCapInsets:UIEdgeInsetsMake(0, from2 + tiledAreaWidth, 0, originalWidth - to2) resizingMode:UIImageResizingModeTile]; [secondResizable drawInRect:CGRectMake(0, 0, newWidth, self.size.height)]; UIImage *fullImage = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); return fullImage; } 

Answer 3

（没有什么帮助，但有相反的支持：拉伸图像的中心，并保持边缘部分相同的大小：请参阅伸展UIImage，同时保留angular落 。

要制作您自己的解决scheme，您可以创build一个包含三个部分的组件：左图像，中央图像，右图像。 然后，通过确保中心部分保持相同的宽度，而左/右部分（图像）伸展，处理您的组件的大小更改。

替代策略：创build一个组件，将两个图像堆叠在一起。 下面的图像是扁平条（不包括三angular形），水平延伸以填充可用空间。 上面的图像是三angular形的中心部分，并在可用空间中居中。 这会产生你正在寻找的效果。

此外，还有一个应用程序（不是免费的！），可以帮助您创build具有可伸缩性质的好组件： PaintCode 。

Answer 4

Klaas的回答确实对我有帮助，和Swift 3.0一样：

 static func stretchImageSides(image: UIImage, newWidth: CGFloat) -> UIImage? { guard image.size.width < newWidth else { return image } let originalWidth = image.size.width let tiledAreaWidth = ceil(newWidth - originalWidth) / 2.0; UIGraphicsBeginImageContextWithOptions(CGSize(width: originalWidth + tiledAreaWidth, height: image.size.height), false, image.scale) let firstResizable = image.resizableImage(withCapInsets: UIEdgeInsets(top: 0, left: 0, bottom: 0, right: originalWidth - 3), resizingMode: .stretch) firstResizable.draw(in: CGRect(x: 0, y: 0, width: originalWidth + tiledAreaWidth, height: image.size.height)) let leftPart = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext() UIGraphicsBeginImageContextWithOptions(CGSize(width: newWidth, height: image.size.height), false, image.scale) let secondResizable = leftPart?.resizableImage(withCapInsets: UIEdgeInsets(top: 0, left: tiledAreaWidth + originalWidth - 3, bottom: 0, right: 0), resizingMode: .stretch) secondResizable?.draw(in: CGRect(x: 0, y: 0, width: newWidth, height: image.size.height)) let fullImage = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext() return fullImage } 

• 你只需要提供一个图像，与所需的新宽度，它会为你做横向拉伸。

Answer 5

我们可以使用下面的代码来拉伸图像： – 这里我们需要箭头标记部分必须是相同的大小，所以我们拉伸箭头标记开始下面的中间部分（假设它将2 px）

 UIImage *image = [UIImage imageNamed:@"img_loginButton.png"]; UIEdgeInsets edgeInsets; edgeInsets.left = 0.0f; edgeInsets.top = 2.0f; edgeInsets.right = 0.0f; edgeInsets.bottom = 0.0f; image = [image resizableImageWithCapInsets:edgeInsets]; //Use this image as your controls image