iOS 使用 pdf 实现矢量图

• 简要
• pdf 矢量图，制作举例
• 实践使用

简要

优点：

- 1、节约较大的图片资源占用，比如 100x100 左右的图片资源，大约能节省 90%，越大越明显
- 2、矢量图，无限放大不失真（可能不是很常用）
- 3、图片资源管理方便，不需要 1x2x3x 的图，1 个 pdf 即可

缺点：

- 1、runtime 时使用 cpu 处理，可能有一定影响性能，使用原尺寸时无影响
- 2、iOS 11 以上才是真矢量图，以下只是生成 1x2x3x 而已
- 3、xcode9，有时候出毛病会失真，需要删除安装包重新安装才能正常显示矢量图

pdf 矢量图，制作举例

• 阿里图标网 下载 AI 图标；

• sketch 调整大小并导出 pdf，注意只需要 1 倍图即可，因为是矢量图嘛

• ok

实践使用

• Assets 资源配置，勾选 Preserve Vector Data 选择 Single Scale

• 直接去用吧，无限放大不失真