Rabu, 04 Juni 2014

Aplikasi Android dengan Custom Font, Memakai Fonts Lain Bawaan Sendiri

Aplikasi Android dengan Custom Font, Memakai Fonts Lain Bawaan SendiriAplikasi Android dengan Custom Font, Memakai Fonts Lain Bawaan Sendiri bisa kita lihat pada Game-game Android. Dalam aplikasi game tersebut biasanya font yang digunakan tidak sama dengan font default yang ada pada Sistem Operasi Android.

Kali ini kita coba menambahkan Font dari luar ke Project Android kita, caranya buat dahulu project Android baru di Eclipse. Kemudian cari font yang anda inginkan, misalnya dari direktori C:\Windows\Fonts, kemudian klik kanan Copy kemudian kembali ke Eclipse, buka Project Explorer pada Project yang sudah dibuat klik tree nya, buka folder assets kemudian klik kanan Paste, maka Font sudah akan masuk di direktori assets di dalam project android dan siap digunakan dari kode program.



Aplikasi Android dengan Custom Font, Memakai Fonts Lain Bawaan Sendiri


Selanjutnya buka MainActivity.java, tambahkan kode program berikut ini :

package com.amijaya.android_custom_font;

import android.os.Bundle;
import android.app.Activity;
import android.graphics.Typeface;
import android.view.Menu;
import android.widget.TextView;

public class MainActivity extends Activity {

// nuramijaya@gmail.com
// http://cariprogram.blogspot.com

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

TextView textView1 = (TextView) findViewById(R.id.textView1);
        textView1.setTypeface(Typeface.createFromAsset(getAssets(), "SEGOESC.TTF"));
        TextView textView2 = (TextView) findViewById(R.id.textView2);
        textView2.setTypeface(Typeface.createFromAsset(getAssets(), "SEGOESCB.TTF"));
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}

}

Untuk tampilan, buat desain tampilan berikut ini pada activity_main.xml, tambahkan dua buah TextView, susunlah menjadi seperti di bawah ini :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Font Default, Asli Android" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Contoh Font Custom 1" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Contoh Font Custom 2" />

</LinearLayout>

Konfigurasi AndroidManifest.xml tidak perlu dirubah :

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.amijaya.android_custom_font"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="16" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.amijaya.android_custom_font.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Hasilnya setelah dijalankan maka akan tampil font yang tidak sama dengan font default aplikasi android. Font tersebut adalah font lain yang kita masukkan secara custom tadi.

Aplikasi Android dengan Custom Font, Memakai Fonts Lain Bawaan Sendiri

Project selengkapnya dapat anda download disini. Jika bingung cara download, silakan lihat caranya disini.

Semoga berhasil :)

Tidak ada komentar:

Poskan Komentar