Font-Awesome 是为Bootstrap设计的一个图标集合字体,里面包含了300多个常用图标。使用Font-Awesome还具有如下优点:

1. 减少了图标的绘制工作

2. 可以设置图标的颜色和大小

3. 减少了图标的大小并且可以减少apk的大小,只需要一个图标字体文件即可,不需要各种尺寸的图标文件了,比如 HDPI、XHDPI等各种尺寸的图标。

Font-Awesome的使用方式到Font-Awesome主页下载Font-Awesome字体(fontawesome-webfont.ttf)文件并放到项目的assets目录下,找到需要用的图标对应的字符串(font-awsome-for-android 包含了一份图标和字符串的对应文件,最新的对应关系在下载的Font-Awesome字体中的css目录中的font-awesome.css文件中查找),在TextView中设置需要使用的图标文字,然后设置TextView的字体为自定义的Font-Awesome字体。

例如:

帮助

//在XML中使用
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/icon_credit_card"
android:textSize="50sp"
android:textColor="#F59012"
android:textAppearance="?android:attr/textAppearanceLarge" />
//或者在代码中使用:
 
myTextView.setText(getString(R.string.icon_credit_card));
 
 
 
//然后设置自定义字体:
 
TextView txt = (TextView) findViewById(R.id.textView1);  
Typeface font = Typeface.createFromAsset(getAssets(), "fontawesome-webfont.ttf");
txt.setTypeface(font);

 

另外如果需要在使用Drawable的地方使用Font-Awesome图标,则可以自定义一个Drawable,然后在代码中使用该Drawable,详细使用方式请参考fonticon这个示例项目:https://github.com/shamanland/fonticon

 

另外除了Font-Awesome图标字体以为,还有其他的图标字体,例如 http://icomoon.io/

在android开发中,往往会有大量的小图标,可是android界面与html是不同的,比如html中,可以将大量的小图标制作成雪碧图,这样会大量的减少http的请求次数,对于性能也是有很大的提升,而在android中,一般对于na本身tive app的小图标一般是用来做显示用的,都会内嵌到 应用 ,两者也没有什么可比性,不过如果android应用中有大量的小图标,无形中就增加了apk的文件大小,这个时候就到了font awesome出场了。

什么是font awesome

font awesome是一个专为Bootstrap设计的字体文件,我们可以通过向显示字体一样方便的显示我们想要显示的图标文件。对于android来讲,可以使用字体来代替部分需要显示的小图片,并且在这些字体中的图片都是矢量图,是可以放大和缩小的,这就意味着每个图标都能在所有大小的屏幕上完美呈现。好了,废话不多说,直接进入正题吧。

在android上使用font awesome

1.下载font awesome

下载地址

2.解压下载的压缩包

将fonts目录下的fontawesome-webfont.ttf文件拷贝到asset文件夹下 

FontProperties 下载 fonts app下载_字符串

3.编写string.xml

首先需要编写string.xml文件,需要去http://fortawesome.github.io/Font-Awesome/cheatsheet/连接下寻找自己想要的字体图标对应的字符串。

<string name="heard"></string>
<string name="fa_google_plus"></string>
<string name="fa_save"></string>
<string name="fa_thumbs_o_up"></string>
<string name="fa_toggle_on"></string>

这里每一个string中的值就是需要显示的图标对应的值,name的值可以随便给一个,不过一般都是一个有意义的名称。

4.编写布局

在textview中使用该字符串,就可以显示其对应的图标了,这里就替换了之前使用imageview来显示小图标了。方便了很多。

<LinearLayout     xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center_horizontal"
    android:padding="50dp"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/test_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/heard"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textColor="#Ff9834"
        android:textSize="30sp" />
    <TextView
        android:id="@+id/fa_google_plus"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/fa_google_plus"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textColor="#87619a"
        android:textSize="50sp" />
    <TextView
        android:id="@+id/fa_thumbs_o_up"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/fa_thumbs_o_up"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textColor="#976523"
        android:textSize="60sp" />
    <TextView
        android:id="@+id/fa_save"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/fa_save"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textColor="#954278"
        android:textSize="40sp" />
    <TextView
        android:id="@+id/fa_toggle_on"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/fa_toggle_on"