ICONFONT在APP中的使用
2015-06-11 11:57
197 查看
关于老码农的个人信息,请看这里:http://www.koulianbing.com/?page_id=12
阿里IconFont平台
http://www.iconfont.cn/这里是阿里巴巴UED部门开发的IconFont平台,目前阿里系的重量级产品都在使用,里面有很多资源可供使用。这里说说如何在客户端内使用。
IconFont虽然看起来是图标,实际原理跟字体的实现方式是一样的,所以我们把每个Icon当作一个特殊的文字来理解和处理。
IconFont使用
1、首先登录网站,搜索你要用的Icon,把它们加入购物车(点击就可以)。2、把购物车里的所有Icon存储在同一个项目中。
3、进入项目,选择“下载至本地”。
4、打开下载的文件,里面有一个*.ttf文件,我们需要的所有字体就都在这里了。
5、把*.ttf文件放入项目,当使用时,把TextView(Android)或UILabel(IOS)的Font设置为加载*.ttf生成的自定义字体。这里有个问题,怎么指明我们要显示哪一个Icon呢?
6、下载一个字体编辑软件,我在Mac上面使用的是FontLab Studio,打开*.ttf,找到每个图标对应的Unicode值,以”\ue600”这种形式赋值给TextView(Android)或UILabel(IOS)中的文本。就可以了。
IconFont优势
1、图标集中处理,避免重复资源,设计师只要说明Color、Size就可以了。2、减少包大小,每个IconFont只是一小段文本,文件大小要比图片形式的icon小一个数量级。
3、节省内存,IconFont与普通文本一样是使用矢量图的方式绘制的,相比图片的内存分配方式,消耗的内存可以忽略不计了。
相关文章推荐
- Android studio安装:
- Android更换头像弹框之createChooser
- JS制作手机端自适应缩放显示
- (转)Android APP 漏洞分析
- Object C学习笔记2-NSLog 格式化输出数据
- ios之开发屏幕适配和系统版本适配
- python list中append()与extend()用法
- iOS block回调
- Unity3d 寻路组件NavMesh Agent
- 线程句柄作WaitForSingleObject的参数是什么意思?
- 实现基于Android的英文电子词典
- iOS 分享功能开发
- android 遍历SDCard中指定文件夹下的图片(jpg,jpeg,png)
- Xcode 7:无需99刀也能在真机上测试App
- android open
- Android界面设计适配不同屏幕的尺寸和密度解读
- Android的五大布局
- Android Studio 快捷键
- Android设备免root无线通过adb连接PC
- Android Studio 主题设置