在开发中有时候,美工提供的图片尺寸很小,却让我们用来设置成大图片,如,一个登录按钮的背景图片,美工提供的尺寸是60*35,但登录按钮确实300*35的。这个时候我们就需要对图片做一些简单的处理—拉伸:
UIImage *image = [UIImage imageNamed:@"RedButton"];
UIImage *newImage1 = [image stretchableImageWithLeftCapWidth:image.size.width * 0.5 topCapHeight:image.size.height * 0.5];
UIImage *newImage2 = [image resizableImageWithCapInsets:UIEdgeInsetsMake(image.size.height * 0.5,
image.size.width * 0.5,
image.size.height * 0.5,
image.size.width * 0.5)];
UIImage *newImage3 = [image resizableImageWithCapInsets:UIEdgeInsetsMake(image.size.height * 0.5,
image.size.width * 0.5,
image.size.height * 0.5,
image.size.width * 0.5)
resizingMode:UIImageResizingModeStretch];
// newImage1,newImage2,newImage3都是拉伸后的图片,效果是一样的
[self.loginBtn setBackgroundImage:newImage1 forState:UIControlStateNormal];
没有拉伸的时候:
拉伸之后的效果是这样的:
是不是天壤之别啊。
如果是设置UIImageVIew的拉伸图片,除了使用代码外,还可以用storyboard进行设置,如图:
X,Y,Width,Height取值均为0~1;
X = 0.5:拉伸X轴方向上的一半
Y = 0.5:拉伸Y轴方向上的一半
Width = 0:如果为0则认为拉伸中间一个像素,为1的画则拉伸所有像素
Height = 0:如果为0则认为拉伸中间一个像素,为1的画则拉伸所有像素
这样也可以做到UIImageView的图片拉伸。
但是用storyboard同样来设置按钮的画,结果是没有反应的,所以按钮的背景图片拉伸只能通过代码。