zoukankan      html  css  js  c++  java
  • 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];

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

  • 相关阅读:
    Codeforces 166E. Tetrahedron
    Codeforce 687A. NP-Hard Problem
    Codeforces 570C. Replacement
    Codeforces 554B. Ohana Cleans Up
    Codeforces 482A. Diverse Permutation
    Codeforces 431C. k-Tree
    Codeforces 750B. Spider Man
    Codeforces 463A. Caisa and Sugar
    Codeforces 701B. Cells Not Under Attack
    Codeforces 445A. DZY Loves Chessboard
  • 原文地址:https://www.cnblogs.com/yyt-hehe-yyt/p/5480688.html
Copyright © 2011-2022 走看看