前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS使用xcode可视化图像编辑功能进行图片拉伸

iOS使用xcode可视化图像编辑功能进行图片拉伸

作者头像
珲少
发布2018-08-15 12:33:12
1.6K0
发布2018-08-15 12:33:12
举报
文章被收录于专栏:一“技”之长

iOS中可视化拉伸图片技巧

一、补充

在我的另一篇博客http://my.oschina.net/u/2340880/blog/403996中探讨了IOS拉伸图像(UIImage)的几种方法和一些小经验,这篇是一个补充,再将xcode中的另一种可视化拉伸图像的方法的使用介绍给大家。

二、如何使用

IOS开发文档中的描述:https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/chapters/SlicinganImage.html

1、xcode5的新特性

xcode5之后,IOS为我们提供了一个管理图片的新方法Asset Catalogs,简单说来,它相当于一个目录,专门用来管理我们项目中的图片素材,包括Icon和启动页,这样使项目管理更加方便也更加简洁。

创建一个AssetCatalogs:在xcode中新建一个文件,选择AssetCatalogs,如下:

然后我们点开这个包,将图片直接拖入工具区即可:

2、使用AssetCatalogs中的可视化工具进行图片拉伸

完成了上面的步骤之后,我们可以对管理的图片进行处理,点击右下角的show Slicing按钮,我们就会进入可视化编辑区,如下:

如上图,有三条竖直线,其中边界的两条分别约束了图片两侧不被拉伸的区域范围,中间虚线和左侧虚线围成的部分,将是被复制拉伸的区域。水平方向的线同理。

很重要的一点:官方文档告诉我们,这个方法只能在iOS 7 或者 OS X v10.10之后使用。效果如下:

3、在xib文件中UIImage的拉伸

在xib文件中的UIImageView,在上面加上图片后,可以设置stretching这个属性:

这个属性的四个值:X,Y,Width,Height的取值范围是0-1;X,Y,用来确定一个点,比如我们设置为X=0.1,Y=0.1,则这个点就是图片的左上角开始,水平1/10处和竖直1/10处,设置图片的拉伸点为从这个点开始。后两个参数分别设置图片拉伸区域的宽度和高度,比如我们这样设置:Width=0.8,Height=0.8,则图片拉伸时上下左右各1/10的宽度不会被拉伸,中间部分被拉伸,还是刚才的图片,效果如下:

专注技术,热爱生活,交流技术,也做朋友。 ——珲少 QQ群:203317592

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015/04/21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • iOS中可视化拉伸图片技巧
    • 一、补充
      • 二、如何使用
        • 1、xcode5的新特性
        • 2、使用AssetCatalogs中的可视化工具进行图片拉伸
        • 3、在xib文件中UIImage的拉伸
    相关产品与服务
    项目管理
    CODING 项目管理(CODING Project Management,CODING-PM)工具包含迭代管理、需求管理、任务管理、缺陷管理、文件/wiki 等功能,适用于研发团队进行项目管理或敏捷开发实践。结合敏捷研发理念,帮助您对产品进行迭代规划,让每个迭代中的需求、任务、缺陷无障碍沟通流转, 让项目开发过程风险可控,达到可持续性快速迭代。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档