九切片技术,是一项图片切图的技术,对现有的图片进行处理。结合例子来说吧!下面是一张100*100的原始图片:
一般对图片进行九切片处理,我们会希望保留有特殊特征的部分,让可重复的部分进行拓展“拉伸”,“拉伸”这个词也不准确,很多情况下,看到的现象是拉伸,但是本质是将四周固定不变的部分放好,中间空白的部分,由原图中选中的部分平铺,比如样例的图片,四角我们一般会让其保持不变,中间的条纹可以让它进行拉伸。由此,我们先将各部位标注一下。比如,我们可以这样标注。横向:距离左边20,距离右边55;纵向:距离上面20,距离下面35
通过各种组合,我们就可以得到不同的图形。
(1)、size:(100,190) top:20 bottom:35
(2)、size:(200,100) left:20 right:55
备注:这里选定距离左边20,在图片中,还是能看到拉伸的时候,一点切割拼凑的规律。
(3)、size:(200,190) top:20 left:20 bottom:35 right:55
现在讲讲代码中如何运用九切片这个技术:
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 200, 200, 190)];
UIImage *image = [UIImage imageNamed:@"message"];
// UIEdgeInsets:CGFloat top, left, bottom, right;
image = [image resizableImageWithCapInsets:UIEdgeInsetsMake(20,20,35,55)];
imageView.image = image;
[self.view addSubview:imageView];
大多数情况下,我们都是通过美工区切图,我们直接拿着用。但是总会有美工没空,给的图又不合尺寸的情况。在这种情况下,我们如何做?自己动手,丰衣足食。