虽然每个图像都可以导出@2x和@3x尺寸的图,但是我们的Xcode
早就支持矢量图像
,而且还是PDF
格式的矢量图形,这就好比带了图像的SVG
一样。
- 1.在窗口右下方使用
图层输出 - Make Exportable
。 - 2.保持
1x
尺寸。 - 3.选择
PDF
格式导出。
接下来我们把PDF格式的矢量图形添加到Xcode的素材管理分类 - Asset Catalog
里。
- 1.在
Xcode
里打开Images.xcassets
。 - 2.创建一个新的
图片集合 - New Image Set
。 - 3.在
属性检查器 - Attributes Inspector
中,把缩放系数 - Scale Factors
从Multiple
改为Single Vector
。 - 4.把你的PDF扔进去即可。
有了这个矢量的PDF文件,Xcode会自动生成@2x
和@3x
图,这样不仅省去了PNG图片还减少了图片资源众多管理,命名的麻烦,有没有很爽的样子?