有了Font Awesome,再也不担心没图标用了----Font Awesome字体图标在android中的使用
来源:互联网 发布:淘宝上架数量 编辑:程序博客网 时间:2024/04/30 10:30
介绍Font Awesome如何在android中使用之前,先贴出一个链接:
如何在安卓app中使用FontAwesome图标
这篇文章是泡网上的一篇译文,可以先看看这篇,了解个大概
我这里把泡网上的关于android使用Font Awesome的具体方法详细说一下:
直奔主题吧,
android中使用Font Awesome其实很简单,我们知道比如一个TextView或者Button,在布局文件中设置文本使用的是android:text="张三",这样就把"张三"显示在了TextView或者Button上,而设置字体图标的方式和设置文本的方式一模一样,也是通过android:text=" "来设置,只不过一个是设置文本一个是设置图标,虽然把它叫做设置图标,但是我们设置的却不是图标,而是和文本类型一样的内容,只不过是以图标的方式呈现出来的,说到这里,可能有人就能比较出字体图标和真正的图片图标的区别,一个真正的正常大小的图片图标一般至少也得有几kb把,而字体图标达到同样的效果,大小却只有几个字节,这中间的差距可想而知,而且使用字体图标更大的好处就是不用担心屏幕适配,我们都知道,一般给android应用准备图片图标的时候为了防止图片失真,我们通常都会放上4套以上的相同内容不同分辨率的图片用来做屏幕的适配,但是即使这样做了,有时图片的展示还有会有些失真模糊,而使用字体图标根本不用关心屏幕适配的问题,它会根据不同的分辨率自动匹配最合适的字体图标.
ok,说完优点,我们看看具体怎么在android中使用Font Awesome吧,其实泡网上的那篇文章都已经讲的很详细了,这里还是再说一遍吧
1,先从http://www.bootcss.com/p/font-awesome/# 这里把Font Awesome下载下来,目前Font Awesome版本为3.0
2,解压第一步下载的压缩包,把font文件夹中的 fontawesome-webfont.ttf 字体文件复制粘贴到android项目的assets文件夹内,没有assets文件夹就新建一个,注意assets文件夹和res文件夹是同级的,
3,给想要设置字体图标的控件设置一下Typeface,Typeface的获取方法可以使用泡网上提供的FontManager类,也可以自己写,反正核心代码都一样,
4,在values目录的strings.xml文件中定义字体图标的unicode值,
5,给控件设置text属性
第3,5步的具体实现代码如下:
textView = (TextView) findViewById(R.id.textView); //第3步 Typeface iconFont = FontManager.getTypeface(getApplicationContext(), FontManager.FONTAWESOME); FontManager.markAsIconContainer(textView, iconFont); //第4步 textView.setText(R.string.fa_angle_right); //设置字体图标的颜色 textView.setTextColor(Color.RED);
<?xml version="1.0" encoding="utf-8"?><resources><string name="fa_angle_right"></string></resources>
我们来看看效果
如上图,就是一个红色的由红点组成的圆圈,
是不是很简单,我们改变unicode值,可以实现各种效果,如下面几个的效果;
当unicode的值为 " " 时的效果如下
当unicode的值为 " " 时的效果如下
是不是感觉图标都很清晰,没有一点失真的感觉.
注意,unicode值肯定不是随便写的,
我们使用Font Awesome,它提供的unicode列表地址为:
http://fortawesome.github.io/Font-Awesome/cheatsheet/
这个地址里包含了N多个字体图标和对应的unicode值
如果这篇文章对你有帮助,就点个赞鼓励下~~
- 有了Font Awesome,再也不担心没图标用了----Font Awesome字体图标在android中的使用
- Font Awesome图标字体使用
- 使用图标字体Font Awesome
- android使用Font Awesome字体图标
- 字体图标--Font Awesome
- Android调用font-awesome字体图标
- 使用font-awesome小图标
- Font Awesome 图标使用总结
- 矢量图标,图标字体的使用,font awesome
- font-awesome图标用法
- Font awesome小图标
- Font Awesome图标字体库
- Font Awesome图标字体库
- Font Awesome:图标字体,完全CSS控制
- Font Awesome:图标字体,完全CSS控制
- font awesome 字体冲突 图标无法显示
- axure_a2_安装Font Awesome字体图标
- Font-Awesome 强大的字体图标
- 实现悬浮按钮
- 7-题目1043:Day of Week
- logback打印ibatis日志
- Android MD风格颜色汇总
- spring MVC文件上传和下载
- 有了Font Awesome,再也不担心没图标用了----Font Awesome字体图标在android中的使用
- PHP面试题汇总(一)
- android socket通信
- Java认证考试实例疑难辨析(12)
- LeetCode 257. Binary Tree Paths 解题报告
- 加密算法大全
- APP主题设置
- 自己设计MD风格侧滑栏
- Mycat 路由转发解析学习