Images.xcassets图片拉伸

今天群里有人问了个问题,做聊天功能用xib如何拉伸气泡图片。最后的如何解决已经不重要了,我从中看到一个iOS7出的方法。
之前写过Images.xcassets的一篇文章,把所有的图片资源放到Images.xcassets确实是方便,但是做图片拉伸还是用的UIImageapi

[[UIImage imageNamed:@"big_button_bg_nor"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 20, 0, 20) resizingMode:UIImageResizingModeStretch]

这次学习到的方法是这样的
打开Images.xcassets中的一个图片文件,点击右下角Show Slicing

Images.xcassets

可以看到按钮Start Slicing以及右下角Slices的值是None

Slicing

点击按钮Start Slicing,会有三个选项,第一个是横向,第二个是横向和纵向,第三个是纵向。

Slicing

选横向,会有个默认值,左侧10,右侧10,宽度1,拉伸方式Tiles。比较智能的是Xcode自动找到了圆角,如果需要拉伸图片别忘了把Center改成Stretches

Slicing

拖动图片上的三根线,Slicing的值会跟着改变,在左侧线和中间线之间的像素会在拉伸时被填充,在中间线和右侧线之间的像素将被隐藏。

Slicing

改变切片方式直接设置Slices

Slicing

以后做图片拉伸可以直接设置图片而不需要添加代码了。

参考文章

  1. ios中图片拉伸的几种方式
  2. IOS学习笔记58--IOS7新特性之XCODE
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 许多UIView的子类,如一个UIButton或一个UILabel,它们知道怎么绘制自己。迟早,你也将想要做一些自...
    shenzhenboy阅读 1,674评论 2 8
  • 一 前言 在项目开发中,在UI切图不全的情况下,我们可以通过放大缩小图片某个区域适配各种机型防止背景图片变形。iO...
    laitys阅读 5,860评论 4 6
  • 一、需求背景在项目开发中,在UI切图不全的情况下,我们可以通过放大缩小图片某个区域适配各种机型防止背景图片变形。i...
    楚简约阅读 7,004评论 1 13
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,180评论 4 61
  • 返回一张受保护且被拉伸的图片 应用场景:聊天窗口的气泡 方法一(弃用): iOS 5.0以前使用(弃用)这个方法会...
    林安530阅读 15,878评论 1 36