设为首页 加入收藏

TOP

iOS图片拉伸技巧
2015-02-02 21:15:39 来源: 作者: 【 】 浏览:16
Tags:iOS 图片 拉伸 技巧

纵观移动市场,一款移动app,要想长期在移动市场立足,最起码要包含以下几个要素:实用的功能、极强的用户体验、华丽简洁的外观。华丽外观的背后,少不了美工的辛苦设计,但如果开发人员不懂得怎么合理展示这些设计好的图片,将会糟蹋了这些设计,功亏一篑。


比如下面张图片,本来是设计来做按钮背景的:


button.png,尺寸为:24x60


现在我们把它用作为按钮背景,按钮尺寸是150x50:


运行效果图:



可以看到,效果非常地差。原因很简单,因为原图大小为24x60,现在整张图片被全方位拉伸为150x50,比较严重的是图片的4个角。


有些人可能马上想到一个解决方案,你叫美工把图片做大一点不就好了么,怎么拉伸都没事。没错,这是一种解决方案,不过不建议采取。原因很简单:1.图片大,导致安装包也大,加载到内存中也大;2.有更好的解决方案。


细看一下图片,其实图片会变得难看,完全是因为4个角被拉伸了,中间的拉伸并没有明显地丑化外观。因此要想小图片被拉伸后不会变得难看,在图片拉伸的时候,我们只需拉伸图片的中间一块矩形区域即可,不要拉伸边缘部分。


比如只拉伸下图的矩形区域,上下左右的边缘都不拉伸:



iOS中提供很好用的API帮我们实现上述功能。到iOS 6.0为止,iOS提供了3种图片拉伸的解决方案,接下来分别详细介绍这些方案。?


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇iOS 调试日志信息清晰化 下一篇在 Android 中如何放置text views..

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: