九切片技术,是一项图片切图的技术,对现有的图片进行处理。结合例子来说吧!下面是一张100*100的原始图片:

  iOS开发——九切片

  一般对图片进行九切片处理,我们会希望保留有特殊特征的部分,让可重复的部分进行拓展“拉伸”,“拉伸”这个词也不准确,很多情况下,看到的现象是拉伸,但是本质是将四周固定不变的部分放好,中间空白的部分,由原图中选中的部分平铺,比如样例的图片,四角我们一般会让其保持不变,中间的条纹可以让它进行拉伸。由此,我们先将各部位标注一下。比如,我们可以这样标注。横向:距离左边20,距离右边55;纵向:距离上面20,距离下面35

  iOS开发——九切片

  通过各种组合,我们就可以得到不同的图形。
  (1)、size:(100,190)  top:20  bottom:35

  iOS开发——九切片


  (2)、size:(200,100)  left:20   right:55

  iOS开发——九切片

  备注:这里选定距离左边20,在图片中,还是能看到拉伸的时候,一点切割拼凑的规律。


  (3)、size:(200,190)  top:20   left:20  bottom:35   right:55

  iOS开发——九切片
  

  现在讲讲代码中如何运用九切片这个技术:

    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];

 

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

 

相关文章:

  • 2021-08-14
  • 2021-04-16
  • 2021-12-10
  • 2022-12-23
  • 2022-12-23
  • 2021-12-10
  • 2021-11-29
  • 2022-12-23
猜你喜欢
  • 2021-09-03
  • 2021-11-06
  • 2022-12-23
  • 2021-12-08
  • 2022-12-23
相关资源
相似解决方案