iOS开发——九切片

  九切片技术,是一项图片切图的技术,对现有的图片进行处理。结合例子来说吧!下面是一张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];

 

  大多数情况下,我们都是通过美工区切图,我们直接拿着用。但是总会有美工没空,给的图又不合尺寸的情况。在这种情况下,我们如何做?自己动手,丰衣足食。

 

posted on 2016-05-11 09:14  乱七八糟21号  阅读(1020)  评论(0编辑  收藏  举报

导航