iOS图片拉伸高级技巧

2019-03-01  本文已影响8人  petter102

项目中需要设置一个跟屏幕等大的view背景图片。但是图片的上下两部分都有人物 所以不能够拉伸。这就需要我们只是拉伸图片中间的空白背景。

我用两种方法分别实现需要的效果。

方法一 使用uiimageView的stretchableImageWithLeftCapWidth
UIImage * newImage =  [shareImage stretchableImageWithLeftCapWidth:kScreenWidth topCapHeight:kScreenHeight/2];

代码如上,网上介绍这个方法的文章有很多。我要说的是如何做到宽度上不拉伸,只在高度上拉伸某一指定部分
上面的两个参数LeftCapWidth:就是左侧不可拉伸的区域,这个方法是根据这个左侧不可拉伸区域的宽度自动计算出来右边不可拉伸区域的宽度

rightCapWidth = screenWidth - leftCapWidth -1;

这里之所以去掉一个像素,是因为这个方法默认的就是拉伸指定的1像素
我们设置左侧的不可拉伸区域为屏幕的宽度,那么右侧的不可拉伸区域就是0
所以在屏幕宽度上就不会拉伸。
我们设置topCapHeight 就是上部分的不可拉伸区域为kscreenHeight / 2也就是屏幕高度的一半
那么下部分的不可拉伸区域就是

bottomCapHeight = kscreenHeight - topCapHeight -1;

这样我么就得到了一个宽度不拉伸,高度中间只拉伸一个像素的图片
这个时候不要设置imageview 的contentmode

方法二 使用layer 的contentCenter属性拉伸图片

设置好layer的位图之后,就可以通过设置contentCenter属性来设置图片的拉伸区域。
注意:contentCenter属性是一个CGRect 系统默认的contentCenter 是(0,0,1,1);
来解释一下 这个属性四个数字的意思。
这个contentCenter其实是表示了一个矩形的可拉伸的区域。
设置好了可拉伸区域就可以得到不可拉伸的区域了。。
同样的我们再次想要的到一个宽度不拉伸高度居中拉伸的图片
我们就可以设置ContentCenter = CGRectMake(0,0.5,1,0);
需要注意的是这个rect是个比例范围是(0,1);

上一篇 下一篇

猜你喜欢

热点阅读