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

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

摘要生成于 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横排像素进行拉伸,其它像素不拉伸


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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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>

效果图:
横向拉伸


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

?
1
2
3
4
5
6
7
8
9
10
11
12
<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>

效果图:
微信



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值