Cara Membuat Custom Font Pada Aplikasi Android
Cara Membuat Custom Font Pada Aplikasi Android – Tutorial pemrograman android kali ini mengenai bagaimana cara membuat custom font pada aplikasi android kamu. Banyak berbagai cara untuk membuat custom font ini, salah satu caranya adalah membuat resource font lalu memasukan file font-font yang kita butuhkan. Cara ini sangat sederhana dan mungkin kalian sudah mengetahuinya, tapi mungkin cara saya membuat custom font ini beda dengan kamu.
Sebelum memulai cara membuat custom font pada aplikasi android, kamu harus mempersiapkan bahan-bahannya terlebih dahulu. Bahan – bahan disini maksudnya adalah font-fontnya. Untuk mencari fontnya saya merekomendasikan untuk download dari situs fonts.google.com karena selain dari google, font – font yang disediakan di situs fonts.google.com ini bebas dipergunakan.
Font – font yang saya gunakan adalah :
Untuk memulai cara membuat custom font pada aplikasi android, bisa dengan project baru ataupun melanjutkan project yang sudah saya pernah buat. Kalian bisa lihat di Repo Github Farizdotid, isinya adalah kumpulan-kumpulan case sederhana.
Pertama,
Buat activity dengan nama CustomFontActivity.
Kedua,
Buat resource folder font. Caranya dengan klik kanan pada app → New → Folder → Font Resources Folder.
Cara Membuat Custom Font Pada Aplikasi Android
Ketiga,
Jika sudah membuat folder fontnya silahkan copy – paste font-font yang sudah kita download di awal.
Jika sudah semua font berada didalam folder font maka sekarang rename font tersebut dengan format lower case dan ganti symbol “-” dengan “_”.
Keempat,
Buka activity_custom_font.xml lalu isi dengan 5 komponen textview dengan masing-masing textview berbeda fontnya. Untuk kodenya seperti ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="16dp" tools:context=".customfont.CustomFontActivity"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="24sp" android:text="@string/app_name" android:fontFamily="@font/abel_regular"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:textSize="24sp" android:text="@string/app_name" android:fontFamily="@font/anton_regular"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:textSize="24sp" android:text="@string/app_name" android:fontFamily="@font/karla_regular"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:textSize="24sp" android:text="@string/app_name" android:fontFamily="@font/lobster_regular"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:textSize="24sp" android:text="@string/app_name" android:fontFamily="@font/notosanskr_regular"/> </LinearLayout> |
Kelima,
Buka CustomFontActivity.java lalu didalam method onCreate isi dengan fungsi untuk meng-init title di toolbar dan memunculkan icon back pada activity tersebut.
|
1 2 |
Objects.requireNonNull(getSupportActionBar()).setDisplayHomeAsUpEnabled(true); getSupportActionBar().setTitle(getString(R.string.title_custom_font)); |
Lalu tambahkan ovveride method onSupportNavigateUp dan onBackPressed
|
1 2 3 4 5 6 7 8 9 10 |
@Override public boolean onSupportNavigateUp() { onBackPressed(); return true; } @Override public void onBackPressed() { super.onBackPressed(); } |
Catatan :
onSupportNavigateUp() ini adalah method untuk memunculkan icon arrow back pada toolbar.
onBackPressed() ini utuk memanggil fungsi kembali ( back ).
Untuk full kode yang ada didalam class CustomFontActivity adalah sebagai berikut :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
public class CustomFontActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_custom_font); Objects.requireNonNull(getSupportActionBar()).setDisplayHomeAsUpEnabled(true); getSupportActionBar().setTitle(getString(R.string.title_custom_font)); } @Override public boolean onSupportNavigateUp() { onBackPressed(); return true; } @Override public void onBackPressed() { super.onBackPressed(); } } |
Keenam,
Silahkan jalankan aplikasi kamu.
Download Cara Membuat Custom Font Pada Aplikasi Android
Baca tutorial pemrograman android lainnya :
- Cara Membuat Listener di Adapter RecyclerView Android
- Tutorial Cara Membuat Image Crop Android
- Cara Membuat TabLayout Android Seperti Google Play Store
Sekian artikel tutorial pemrograman android bahasa Indonesia mengenai Cara Membuat Custom Font Pada Aplikasi Android. Semoga bermanfaat.
1 Comment
Cara Membuat Text Bold, Italic, Underline di strings.xml · August 26, 2019 at 2:00 pm
[…] Cara Membuat Custom Font Pada Aplikasi Android […]