您的位置:首页 > 其它

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

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

直接拖动图片png或者jpg格式到Images.xcassets文件夹,自动会生成一个包含json的1,2,3倍图选项的图片占位框,系统会自己识别尺寸,如果位置不对,可自行调整.

替换和修改图片极为方便,可对图片进行切片拉伸,得到想要的效果.

一 关于图片的识别.

自己截取好2倍图,3倍图,添加到Images.xcassets文件里.在程序启动后,会根据不同机型,自己选择2倍图或者3倍图(已经过验证).如图:


验证过程: 通过在模拟器上显示不同倍图的图像对比获得.(单独打印image的with和height的方法是不可行的);第一个(Images.xcassets文件下的3倍图)第二个是工程下单独的3倍图,第三个是单独的2倍图如图: 


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

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


红色是清晰区域,蓝色是发虚的区域.

    
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: