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

  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的大小,不要设置和原图片一样大小,否则出不来效果.
(清晰的区域是切片,而发虚的区域是拉伸,可自行尝试,网上的资料说的比我说的还要简单....);如图:

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

    

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