加入收藏 | 设为首页 | 会员中心 | 我要投稿 东莞站长网 (https://www.0769zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 教程 > 正文

iOS图片拉伸方法

发布时间:2021-11-21 20:30:06 所属栏目:教程 来源:互联网
导读:纵观移动市场,一款移动app,要想长期在移动市场立足,最起码要包含以下几个要素:实用的功能、极强的用户体验、华丽简洁的外观。华丽外观的背后,少不了美工的辛苦设计,但如果开发人员不懂得怎么合理展示这些设计好的图片,将会糟蹋了这些设计,功亏一篑。

纵观移动市场,一款移动app,要想长期在移动市场立足,最起码要包含以下几个要素:实用的功能、极强的用户体验、华丽简洁的外观。华丽外观的背后,少不了美工的辛苦设计,但如果开发人员不懂得怎么合理展示这些设计好的图片,将会糟蹋了这些设计,功亏一篑。
 
比如下面张图片,本来是设计来做按钮背景的:
 
 button.png,尺寸为:24x60
 
现在我们把它用作为按钮背景,按钮尺寸是150x50:
 
// 得到view的尺寸  
CGSize viewSize = self.view.bounds.size;
 
// 初始化按钮  
UIButton *button = [[UIButton alloc] init];
// 设置尺寸  
button.bounds = CGRectMake(0, 0, 150, 50);
// 设置位置  
button.center = CGPointMake(viewSize.width * 0.5f, viewSize.height * 0.5f);
 
// 加载图片  
UIImage *image = [UIImage imageNamed:@"button"];
// 设置背景图片  
[button setBackgroundImage:image forState:UIControlStateNormal];
 
// 添加按钮  
[self.view addSubview:button];
运行效果图:
 
 
 
可以看到,效果非常地差。原因很简单,因为原图大小为24x60,现在整张图片被全方位拉伸为150x50,比较严重的是图片的4个角。
 
有些人可能马上想到一个解决方案,你叫美工把图片做大一点不就好了么,怎么拉伸都没事。没错,这是一种解决方案,不过不建议采取。原因很简单:1.图片大,导致安装包也大,加载到内存中也大;2.有更好的解决方案。
 
细看一下图片,其实图片会变得难看,完全是因为4个角被拉伸了,中间的拉伸并没有明显地丑化外观。因此要想小图片被拉伸后不会变得难看,在图片拉伸的时候,我们只需拉伸图片的中间一块矩形区域即可,不要拉伸边缘部分。
 
比如只拉伸下图的矩形区域,上下左右的边缘都不拉伸:
 
 
 
iOS中提供很好用的API帮我们实现上述功能。到iOS 6.0为止,iOS提供了3种图片拉伸的解决方案,接下来分别详细介绍这些方案。

(编辑:东莞站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读