码迷,mamicode.com
首页 > 其他好文 > 详细

xcode下关于Images.xcassets文件夹的使用

时间:2015-04-13 00:22:56      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:

  xcode的一直在使用,做的项目,图片资源文件都是单独建立一个文件夹来管理,耗时耗精力.主要是图片的命名(2倍图后面加"@2x",同理3倍图).想用Images.xcassets管理图片文件的想法不是一次两次了. 好处有:

  1. 直接拖动图片png或者jpg格式到Images.xcassets文件夹,自动会生成一个包含json的1,2,3倍图选项的图片占位框,系统会自己识别尺寸,如果位置不对,可自行调整.
  2. 替换和修改图片极为方便,可对图片进行切片拉伸,得到想要的效果.

一 关于图片的识别.

  1. 自己截取好2倍图,3倍图,添加到Images.xcassets文件里.在程序启动后,会根据不同机型,自己选择2倍图或者3倍图(已经过验证).如图:技术分享
  2. 验证过程: 通过在模拟器上显示不同倍图的图像对比获得.(单独打印image的with和height的方法是不可行的);第一个(Images.xcassets文件下的3倍图)第二个是工程下单独的3倍图,第三个是单独的2倍图如图: 技术分享

 

二  可以利用Images.xcassets文件夹下的图片切片功能,简单处理图片的拉伸.

  点击图片,然后在右下方找到Show Slicing , 点击进入, 点击Start Slicing,出现左右,上下左右,上下,三种不同的形式,点击任意一个进入,会出现三条线.自己通过调整3条线,来实现切片和拉伸效果,imageView的大小,不要设置和原图片一样大小,否则出不来效果.
(清晰的区域是切片,而发虚的区域是拉伸,可自行尝试,网上的资料说的比我说的还要简单....);如图:

技术分享红色是清晰区域,蓝色是发虚的区域.

 

    

 

xcode下关于Images.xcassets文件夹的使用

标签:

原文地址:http://www.cnblogs.com/xclidongbo/p/4421017.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!