[Android] Android-Iconics 圖形套件

之前的文章曾經介紹過在Android使用字型檔的方式,以及如何在Android使用FontAwesome圖庫。用字型檔取代圖檔的好處,除了減少APK的檔案大小、可以隨意改變圖形大小和顏色之外,也免去還要製圖、處理去背、不同解析度的問題,畢竟多數工程師並非美工設計師出身,省下美工製圖的時間,可以多花些心力在開發上面。

這篇要介紹的是一個Android的圖形套件 Android-Iconics

這個套件內含五種圖庫(或稱字型):

安裝

必須在Gradle安裝核心套件
dependencies {
    compile 'com.mikepenz:iconics-core:[email protected]'
}
在根據你的需求安裝上述的五個圖庫套件(版本號以最新的版本為主)
compile 'com.mikepenz:google-material-typeface:[email protected]'
compile 'com.mikepenz:fontawesome-typeface:[email protected]'
compile 'com.mikepenz:octicons-typeface:[email protected]'
compile 'com.mikepenz:meteocons-typeface:[email protected]'
compile 'com.mikepenz:community-material-typeface:[email protected]'

使用

在程式中使用,可以自訂顏色和大小
new IconicsDrawable(this)
    .icon(FontAwesome.Icon.faw_android)
    .color(Color.RED)
    .sizeDp(24)
在layout XML檔中使用,用{}符號來表示所要顯示的圖形
Image View
<com.mikepenz.iconics.view.IconicsImageView
    android:layout_width="72dp"
    android:layout_height="72dp"
    app:iiv_color="@android:color/holo_red_dark"
    app:iiv_icon="gmd-favorite">
Button
<com.mikepenz.iconics.view.IconicsButton
        android:text="{faw-adjust} Button"
        android:layout_width="120dp"
        android:layout_height="60dp">
Text View
<com.mikepenz.iconics.view.IconicsTextView
        android:text="abc{hif-test}defgh{faw-adjust}ijk{fon-test1}lmnopqrstuv{fon-test2}wxyz"
        android:textColor="@android:color/black"
        android:layout_width="wrap_content"
        android:layout_height="56dp"
        android:textSize="16sp">

進階功能

這個套件更強大的是,如果五種圖庫中沒有你喜歡的圖形,還可以自訂圖形,自訂圖形的方式可參考官網上的範例




相關文章

如何將電腦畫面經由 Chromecast 投放到電視螢幕上

Chrome 的檔案續傳功能

Mac與Android裝置傳輸檔案的方法

使用 Vysor 在電腦上控制 Android 裝置