字體圖標(biāo)

字體圖標(biāo)是指將圖標(biāo)做成字體文件（.ttf），從而代替?zhèn)鹘y(tǒng)的png等圖標(biāo)資源。

使用字體圖標(biāo)的優(yōu)點(diǎn)和缺點(diǎn)分別為：

優(yōu)點(diǎn)：

      1. 可以高度自定義圖標(biāo)的樣式（包括大小和顏色)，對于個(gè)人開發(fā)者尤其適用

      2. 可以減少項(xiàng)目和安裝包的大小（特別你的項(xiàng)目中有很多圖片icon時(shí)，效果將是M級）

      3. 幾乎可以忽略屏幕大小和分辨率，做到更好的適配

      4. 使用簡單

      ……

缺點(diǎn)： 
      1. 只能是一些簡單的icon，不能代替如背景圖、9圖等資源

      2. 一些需要文字說明的icon，圖片資源將會(huì)是更好的選擇

      3. 對設(shè)計(jì)的要求更高，不同icon可能擁有不同的邊距，這時(shí)要切換icon時(shí)還要設(shè)置大小

      4. 由于邊距的存在可能存在無法填滿控件的情況

      5. 無法在Android studio中進(jìn)行實(shí)時(shí)預(yù)覽

iconfont對于客戶端應(yīng)用來說有很多便捷：

      1、自由變化大小

      2、自由修改顏色

      3、可以添加一些視覺效果如：陰影、旋轉(zhuǎn)、透明度。

      4、比單位的圖片更節(jié)省資源

正常的添加方案

第一步：復(fù)制字體文件到項(xiàng)目 assets 目錄；

第二步：打開 iconfont 目錄中的 demo.html，找到圖標(biāo)相對應(yīng)的 HTML 實(shí)體字符碼；

第三步：打開 res/values/strings.xml，添加 string 值；

<string name="icons"> 手機(jī)</string>

第四步：打開 activity_main.xml，添加 string 值到 TextView：

<TextView
  android:id="@+id/like"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="@string/icons" />

第五步：為 TextView 指定文字：

import android.graphics.Typeface;

protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  Typeface iconfont = Typeface.createFromAsset(getAssets(), "iconfont/iconfont.ttf");
  TextView textview = (TextView)findViewById(R.id.like);
  textview.setTypeface(iconfont);
}

設(shè)置完效果如下

就是這么簡單完事。但是我們發(fā)現(xiàn)在activity代碼中setTypeface很沒有必要。因?yàn)槲覀冋麄€(gè)應(yīng)用有很多頁面都需要設(shè)置字體圖標(biāo)時(shí)，這樣設(shè)置會(huì)有很多垃圾代碼產(chǎn)生。這時(shí)我們可以用一個(gè)簡單的自定義view就解決問題

public class IconFontTextview extends TextView {  
  public IconFontTextview(Context context) {    
    super(context);    
     init(context);  
  }  

  public IconFontTextview(Context context, AttributeSet attrs) {  
     super(context, attrs);   
     init(context);  
  }  

  public IconFontTextview(Context context, AttributeSet attrs, int defStyleAttr) {    
     super(context, attrs, defStyleAttr);    
     init(context);  
  }    
   private void init(Context context){    
      Typeface iconfont = Typeface.createFromAsset(context.getAssets(), "iconfont/iconfont.ttf");   
      setTypeface(iconfont); 
 }
}

然后就是改一下我們布局文件

<com.xiaoming.liaoliao.view.IconFontTextview      
   android:layout_width="wrap_content"   
   android:layout_height="wrap_content" 
   android:textSize="20dp"  
  android:textColor="@android:color/holo_red_dark"  
  android:text=" 手機(jī)" />

其他textview的屬性還是正常使用，解決

總結(jié)

如你所見，使用字體圖標(biāo)可以高度自定義圖標(biāo)的大小和顏色，對于個(gè)人開發(fā)者來說是一個(gè)特別好的消息，再也不用在找圖標(biāo)時(shí)考慮顏色和大小了。以上就是在Android中正確使用字體圖標(biāo)(iconfont)的方法，希望這篇文章對各位Android開發(fā)者們能有所幫助，如果有疑問大家可以留言交流。謝謝大家低腳本之家的支持。

最新評論