小賴的實戰記錄

在HPX的讀書會中，聽到講師講到他們的APP的檔案大小很小，幾乎很少用PNG，而大多是用Font

提供了幾個網站

講了fonticon/IconFont的關鍵字，

找到他說的那個網站連結如下

https://icomoon.io

-----------------

找了一下作法，如下連結，這篇文章可以提供參考

http://blog.vosie.org/how-to-add-icon-font-in-android-use-icomoon/

先到IcoMoon找尋你想要使用的icon

https://icomoon.io/app/#/select

並點選右下的Generate Font 

看到右下的Font有Download，下載後，解壓縮，到「fonts」資料夾，將「icomoon.ttf」複製到Android專案資料夾的asstets下(如沒有則自行建立，與res同層)

並撰寫兩行程式(需建TextView)

TextView1.setTypeface(Typeface.createFromAsset(getAssets(), "icomoon.ttf"));
TextView1.setText(String.valueOf((char) 0xe600));

0xe600，則是在選擇時，頁面顯示的e600。

這樣設定，就大致可以用文字的方式呈現icon圖片。在需要不同size的圖片時，就並不製作不同圖片，也不會因為大小調整，而需要重新製圖(也較少請設計師處理)

 

額外在做一個背景圓圈及TextView設定

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" >
    <gradient android:startColor="#FFFF0000" android:endColor="#FFFF0000"
        android:angle="270"/>
</shape>

    <TextView
        android:id="@+id/txtv_icon"
        android:textSize="100sp"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:gravity="center_horizontal|center_vertical"
        android:background="@drawable/circle"/>

完成了一個icon的範圍。