文档章节

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

珲少
 珲少
发布于 2015/04/21 13:02
字数 653
阅读 554
收藏 2

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

© 著作权归作者所有

珲少

珲少

粉丝 886
博文 394
码字总数 475753
作品 0
上海
程序员
私信 提问
ARKit应用之识别图像播放视频

前言 ARKit为iOS系统提供了对图像的识别功能。可通过检测用户环境中的已知2D图像,使用其位置放置AR内容。其中的AR内容可以是一个立体模型,也可以是一张图片或一个视频。 这一功能必将使得未...

无忌不悔
2018/11/20
0
0
ArcGIS for iOS 开发系列(2) – 开发环境配置

我们已经掌握了一些基本知识,在动手编程之前,还需先配置下开发环境: 2.1 iOS 配置 1) Mac电脑(MacBook Air/ Pro、Mac mini和iMac都可以); 2) Snow Leopard(小版本10.6.2以上)、Lio...

长平狐
2012/11/28
1K
0
iOS Sprite Kit教程之编写程序以及Xcode的介绍

iOS Sprite Kit教程之编写程序以及Xcode的介绍 Xcode界面介绍 一个Xcode项目由很多的文件组成,例如代码文件、资源文件等。Xcode会帮助开发者对这些文件进行管理。所以,Xcode的界面也比较复...

大学霸
2015/07/23
281
0
疯狂ios讲义之美化iOS应用

如果点击模拟器下方的Home按键或按下command+Shift+H快捷键(Retina屏幕的模拟器没有提供Home按键,则只能通过快捷键操作),模拟器返回应用程序列表,此时将可以看到刚刚开发的应用程序,但...

博文视点
2014/01/21
819
2
iOS 9应用开发教程之定制应用程序图标以及真机测试

iOS 9应用开发教程之定制应用程序图标以及真机测试 定制ios9应用程序图标 在图1.12中可以看到应用程序的图标是网状白色图像,它是iOS模拟器上的应用程序默认的图标。这个图标是可以进行改变的...

大学霸
2015/08/07
75
0

没有更多内容

加载失败,请刷新页面

加载更多

教你玩转Linux—添加批量用户

添加和删除用户对每位Linux系统管理员都是轻而易举的事,比较棘手的是如果要添加几十个、上百个甚至上千个用户时,我们不太可能还使用useradd一个一个地添加,必然要找一种简便的创建大量用户...

xiangyunyan
11分钟前
3
0
返回提示信息,如:xxx创建成功!

【服务端】在输出的方法块中,加入要输出的字段(qcm_batch_id) QCMUserType.cs: public struct QCM_Custom_Create_Batch_Out_Tag { public BASCoreType.Cmn_Out_T......

_Somuns
11分钟前
3
0
Aliyun Serverless VSCode Extension v1.12.0 发布

Aliyun Serverless VSCode Extension 是阿里云 Serverless 产品 函数计算 Function Compute 的 VSCode 插件,该插件结合了函数计算 Fun 工具以及函数计算 SDK ,是一款 VSCode 图形化开发调试...

阿里云官方博客
12分钟前
4
0
程序员如何培养解决复杂问题的能力?

今天在上网时候,突然看到了这篇文章,感觉非常的适合现在的自己去思考下,可能也适用在座的读者。程序员不仅仅是敲代码,更是一个复合能力的结合体,也不仅仅停留在技术和代码阶段。你想要成...

哥本哈根的小哥
15分钟前
5
0
市场变化驱动产品思维升级

宜信科技中心财富管理产品部负责人Bob,与大家一起聊聊个性化推荐产品功能的设计和B端产品的功能策划方式。 拓展阅读:回归架构本质,重新理解微服务 智慧金融时代,大数据和AI如何为业务赋能...

宜信技术学院
16分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部