Android中傳統的顯示圖示的方式

在平常的開發中，如果我們需要在介面上顯示某個小圖示，比如搜尋按鈕，返回按鈕，這時我們需要美工給我們切對應的png圖片，並放進對應的drawable資料夾中，這樣隨著圖示的越來越多，APK體積也會越來越大。

什麼是Font Awesome

Font Awesome是一個專為Bootstrap設計的字型檔案，我們可以通過向顯示字型一樣方便的顯示我們想要顯示的圖示。對於Android，Font Awesome使用TextView顯示小圖示，而且無需使用png圖片，只需使用一個ttf檔案，並且在這些字型中的圖片都是向量圖，是可以放大和縮小的，這就意味著每個圖示都能在所有大小的螢幕上完美呈現。

Font Awesome的優點和缺點

優點

• 只需使用一個ttf檔案，無需美工切png圖，大大減小了apk體積，你可以驕傲的對美工MM說，這些圖示都包在我身上了，你只要喝喝咖啡就行了（崇拜的眼光已經投過來）。
• 可以自己設定顏色，大小。Font Awesome使用TextView顯示圖示，你可以像設定字型顏色和大小一樣，設定這個圖示，可以起到很好的適配作用（媽媽再也不用擔心我的適配問題）。

缺點

• 圖示有限，很難滿足所有的需求，但是可以結合傳統的切圖方式。

那麼重點來了，怎麼使用呢

2. 把下載後的fontawesome-webfont.ttf放到assets資料夾中(不知道在哪？你可以轉行了！)

3. 編寫string.xml,可以在http://fontawesome.io/cheatsheet/#中檢視圖示對應的字串（往下拉，你就看到了- -!），新增你想要的圖示到string.xml中（你想要新增好的xml?抱歉我沒有！想要哪張自己加唄），如下：

其中name值可以按照自己的命名規則取名

4. 編寫佈局，在TextView中使用該字串，就可以顯示對應的圖示了，如下：

其中android:text引用你要顯示的圖示對應的string資源，android:textColor設定圖示顏色，android:textSize設定圖示大小（跟設定字型大小顏色一樣樣的）。

5. JAVA程式碼中引用

首先找到assets中的fontawesome-webfont.ttf，程式碼如下：

Typeface font = Typeface.createFromAsset(getAssets(), “fontawesome-webfont.ttf”);

然後為需要的TextView設定setTypeface(font)就可以了，程式碼如下：

TextView tvIcon= (TextView) findViewById(R.id.tv_icon);

tvIcon.setTypeface(font);

大功告成，最終的效果圖如下：