在上篇 react-native-vector-icons的集成心得 中简单了介绍了什么是 IconFont 以及如何在React Native 中使用,这里再开一篇来具体说明什么是 IconFont 并且总结一下在 Android 开发中如何使用。
什么是 IconFont
IconFont
其实就是将若干个 SVG 矢量图的做成了字体文件 ( .ttf ) ,供开发者使用。
矢量图不会像位图那样因为尺寸变化而让图片质量下降,它在不同分辨率的表现都一样清晰。
因此, IconFont
有着下面的优点:
- 可以轻松解决图标复用和适配的问题
- 图标以字体文件存在于项目中,减少apk大小
- 同一套图标资源可以在不同平台使用 ( Android ,iOS,Web )
相应的,IconFont
也有着下面的缺点:
- 需要自定义 SVG 图片,制作成本相对较高
- 不能代替如背景图、点9图等资源
- 仅支持单色变化
总体来说,利是大于弊的。
如何在项目中使用 IconFont
首先还是要把 .ttf
文件复制到 app\src\main\assets\fonts 里面: