Android Projelerinde Font Awesome Kullanmak

Merhaba arkadaşlar,

Bu örnekte Android Projelerinde Font Awesome ikon paketinin nasıl kullanıldığını anlatacağım.

Font Awesome Nedir?

Günümüz web sitelerinde sıkça kullanılan ikonlardan oluşan bir font.

Font Dosyasını Projeye Ekleme

Font dosyasını buradan indirin. İndirdiğiniz dosyayı zip’ten çıkartın ve fonts klasörürünün içindeki fontawesome-webfont.ttf isimli font dosyasını Android projenizin Assets klasörüne fonts isminde bir klasör yaratıp ilgili font dosyasını oluşturmuş olduğunuz klasöre kopyalayın.

Yardımcı Sınıf Oluşturuyoruz

Başarılı bir şekilde font dosyasını eklediyseniz sıra yardımcı sınıf oluşturmakta. FontManager isminde yeni bir java sınıfı oluşturun.

public class FontManager {
public static final String ROOT = "fonts/",
            FONTAWESOME = ROOT + "fontawesome-webfont.ttf";
public static Typeface getTypeface(Context context, String font) {
        return Typeface.createFromAsset(context.getAssets(), font);
    }
public static void markAsIconContainer(View v, Typeface typeface) {
        if (v instanceof ViewGroup) {
            ViewGroup vg = (ViewGroup) v;
            for (int i = 0; i < vg.getChildCount(); i++) {
                View child = vg.getChildAt(i);
                markAsIconContainer(child, typeface);
            }
        } else if (v instanceof TextView) {
            ((TextView) v).setTypeface(typeface);
        }
    }
}
Layout dosyamız :
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
    android:id="@+id/icons_container">
<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:layout_weight="1"
        android:textSize="150sp"
        android:textColor="#A4C639"
        android:text="@string/fa_icon_android"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />
</RelativeLayout>
OnCreate :
Typeface iconFont = FontManager.getTypeface(getApplicationContext(), FontManager.FONTAWESOME);
        FontManager.markAsIconContainer(findViewById(R.id.icons_container), iconFont);

Hangi İkonları Kullanmak İstersiniz?

Şimdi işin en eğlenceli kısmına geldik. Font Awesome GitHub Sayfası 'na gidin ve projenizde kullanmak istediğiniz ikonları seçin. Projenizin values klasörüne gidin buradaki string.xml dosyasını kullanabilirsiniz yada icons.xml isminde yeni bir dosya oluşturup kullanabilirsiniz. Şimdi dosyamıza ikon ekleyelim :
<resources>
<string name="fa_icon_android">&#xf17b;</string>
</resources>
Burada string name kullandığınız ikon isimini içerirse sonradan değişiklik vs. yaparken zorlanmazsınız. &xf17b; isimle değer ise fontun içindeki ikona ait Unicode karakterdir. Font Awesome cheatsheet sayfasından projenizde kullanmak istediğiniz ikonların unicode karakterlerine ulaşabilirsiniz.

Sonuç
Android Projelerinde Font Awesome fontunu kullanarak hızlı bir şekilde ikon kullanabileceğimizi öğrenmiş olduk.
Font Awesome, yaygın olarak kullanılan ücretsiz bir fonttur. Yüksek çözünürlüklü ekranlarda, keskin ve net simgeler.
Ek olarak bir simgenin rengini ve boyutunu değiştirmek XML dosyasının özelliklerini değiştirmek kadar basittir.
Başka bir yazıda görüşmek üzere.
[ecko_button color="blue" size="normal" url="https://github.com/gokhanyavas/FontAwesome"]Github[/ecko_button]