iOS UIImage部分拉伸——stretchableImageWithLeftCapWidth的使用

最新推荐文章于 2021-01-12 03:01:19 发布

原创最新推荐文章于 2021-01-12 03:01:19 发布 · 490 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个实用的图片拉伸函数，通过指定不拉伸区域，实现仅对特定部分进行拉伸的效果，适用于调整图片背景等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文链接：http://www.2cto.com/kf/201507/419729.html

简介：有时候我们只是想把图片部分拉伸，而不是全部拉伸，那么就要用到下面这个函数，并附上实例验证

1

2

3

 
        <code 
        class
        =
        "hljs" 
         objectivec=
        ""
        >   - (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight;
       
        //leftCapWidth:左边不拉伸区域
       
        //topCapHeight:上面不拉伸区域</code>

对距离leftCapWidth的1竖排像素，和具体topCapHeight的1横排像素进行拉伸，其它像素不拉伸

练习一：理解拉伸点，左边和上面分开设置，从效果图来理解。

 
        <code 
        class
        =
        "hljs" 
         objectivec=
        ""
        >    self.view.backgroundColor = [UIColor darkGrayColor];
       
        //不设置拉伸点，直接设置
       
        UIImage *image1 = [UIImage imageNamed:
        @QQ
        ];
       
        UIImageView *imageView1 = [[UIImageView alloc] initWithFrame:CGRectMake(
        10
        , 
        100
        , 
        170
        , 
        170
        )];
       
        imageView1.image = image1;
       
        [self.view addSubview:imageView1];
       
        //设置拉伸点，对左边和上面分开设置，理解其拉伸效果
       
        UIImage *image2 = [UIImage imageNamed:
        @QQ
        ];
       
        image2 = [image2 stretchableImageWithLeftCapWidth:
        0 
         topCapHeight:image2.size.height*
        0.5
        ];
       
        UIImageView *imageView2 = [[UIImageView alloc] initWithFrame:CGRectMake(
        190
        , 
        100
        , 
        170
        , 
        170
        )];
       
        imageView2.image = image2;
       
        [self.view addSubview:imageView2];</code>

效果图
纵向拉伸

横向拉伸：

1 2	`<code avrasm=` `""` `class` `=` `"hljs"` `> image2 = [image2 stretchableImageWithLeftCapWidth:image2.size.width*` `0.5` `topCapHeight:` `0` `];` `</code>`

效果图：
横向拉伸

练习二：最近做到一个聊天框的联系，对文字背景图片的拉伸应用，左边的小三角我不希望拉伸，拉伸影响美观，只拉伸右边方框部分，那么调用此函数就可以实现，这个较为常用。

 
        <code 
        class
        =
        "hljs" 
         objectivec=
        ""
        >    
        //不设置拉伸点，直接设置
       
        UIImage *image1 = [UIImage imageNamed:
        @chat
        ];
       
        UIImageView *imageView1 = [[UIImageView alloc] initWithFrame:CGRectMake(
        100
        , 
        100
        , 
        200
        , 
        80
        )];
       
        imageView1.image = image1;
       
        [self.view addSubview:imageView1];
       
        //设置拉伸点
       
        UIImage *image2 = [UIImage imageNamed:
        @chat
        ];
       
        image2 = [image2 stretchableImageWithLeftCapWidth:image2.size.width*
        0.5 
         topCapHeight:image2.size.width*
        0.8
        ];
       
        UIImageView *imageView2 = [[UIImageView alloc] initWithFrame:CGRectMake(
        100
        , 
        200
        , 
        200
        , 
        80
        )];
       
        imageView2.image = image2;
       
        [self.view addSubview:imageView2];</code>

效果图：