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

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的宽度不会被拉伸,中间部分被拉伸,还是刚才的图片,效果如下:

时间: 2024-10-27 06:47:58

IOS使用xcode可视化图像编辑功能进行图片拉伸的相关文章

iOS图片拉伸小技巧_IOS

纵观移动市场,一款移动app,要想长期在移动市场立足,最起码要包含以下几个要素:实用的功能.极强的用户体验.华丽简洁的外观.华丽外观的背后,少不了美工的辛苦设计,但如果开发人员不懂得怎么合理展示这些设计好的图片,将会糟蹋了这些设计,功亏一篑. 比如下面张图片,本来是设计来做按钮背景的: button.png,尺寸为:24x60 现在我们把它用作为按钮背景,按钮尺寸是150x50: // 得到view的尺寸 CGSize viewSize = self.view.bounds.size; // 初

Photoshop的图像处理器功能批处理图片大小

  大家在外出游玩的时候回拍下大量的图片作为纪念吧,当然小编也不例外,但是如果图片过大的话有时候就需要修改了,一张一张的改确实很麻烦,不过在pscc中的图像处理器功能在这时候就显得很好用了,下面小编就给大家详细的讲解下用Photoshop CC的图像处理器功能批处理图片大小怎么用的吧,希望对大家能有所帮助哦. 怎么利用图像处理器功能批处理图片大小: 1.打开ps软件,选择文件>脚本>图像处理器,弹出对话框设置参数.   2.在图像处理器设置对话框中,首先点击"选择文件夹",

win7系统使用画图功能去除图片水印的方法

  今天本教程小编和大家分享一篇win7系统使用画图功能去除图片水印的方法,我们在网上看到有喜欢的图片会保存到电脑上,但是发现图片上有水印,虽然网上有很多关于去除水印的方法,但是很多都要使用到第三方软件,最常见PS,为去除一张图片下载一款软件比较麻烦.有什么方法可以不用任何软件去除水印的呢?方法当然是有的,我们可以使用win7系统自带的画图功能来去除图片水印,感兴趣的用户来看看具体设置方法. 步骤如下: 1.选择一张你需要去除水印的图片; 2.打开Windows画图工具; 3.将你下载的图片拽入

c++-Xcode 中将jpg格式的图片写到本地会改变图片的格式吗??

问题描述 Xcode 中将jpg格式的图片写到本地会改变图片的格式吗?? ,, 我把jig, 写入到本地之后, 好像格式发生了改变, 然后我用c++去读取, 就出现了问题,说我读的不是jpg文件 有大神遇见过没?? 解决方案 正常的情况下,应该不会.读写文件,应该原样保持不变. 如果变了,说明你的程序在读写文件的数据时有问题. 解决方案二: 贴出你写文件的代码,看看是不是文件没有实际写入,或者写得不全,或者当成文本文件写入了. 解决方案三: 最好用二进制方式写文件 这样就不会破坏文件格式 解决方

js实现跟随鼠标移动且带关闭功能的图片广告实例_javascript技巧

本文实例讲述了js实现跟随鼠标移动且带关闭功能的图片广告.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh

http-用java为IOS端提供一个下载功能(文件从服务器来)

问题描述 用java为IOS端提供一个下载功能(文件从服务器来) 之前是做java web的,用Struts2就可以很好的写一个web项目支持的文件下载,主要代码步骤是:struts.xml中配置下输入流,文件名,文件后缀的HttpContentType等,action有一个getInputStream,执行下execute,在浏览器中访问到就能弹出一个下载的提醒页面,可以完成下载.但目前这个却不能满足IOS端下载的需求,各位帮忙讨论讨论吧

nagios报错-如何来实现ios的小说翻页功能

问题描述 如何来实现ios的小说翻页功能 各位客官,一直以来想做个项目,关于小说阅读的.但是我还是个新手,对很多的东西都不太懂.想请教各位,如何来实现点击一本书以后.进去点击翻页阅读 解决方案 http://www.cocoachina.com/bbs/read.php?tid=75357 解决方案二: ios 翻页例子源码 解决方案三: 处理gestrue等事件 然后实现页面的前进后退加载

javascript-java+freemarker模板可视化编辑功能

问题描述 java+freemarker模板可视化编辑功能 想结合freemarker和java做一个模板可视化编辑的Demo,求高手大神解答.

iOS中获取系统相册中的图片实例_IOS

本文介绍了iOS中获取系统相册中的图片,在很多应用中都能用到,可以获取单张图片,也可以同时获取多张图片,废话不多说了,看下面吧. 一.获取单张图片 思路: 1.利用UIImagePickerController可以从系统自带的App(照片\相机)中获得图片 2.设置代理,遵守代理协议 注意这个UIImagePickerController类比较特殊,需要遵守两个代理协议 @interface ViewController () <UIImagePickerControllerDelegate,