Cara Membuat Text Bold, Italic, Underline di strings.xml
Pada tutorial pemrograman android kali ini kita akan belajar mengenai cara membuat text bold, italic, dan underline pada strings.xml. Sebenarnya ada banyak cara untuk memenuhi kebutuhan bold, italic, dan underline ini. Bisa melalui xmlnya langsung seperti kita set attributenya menggunakan text:style ataupun bisa menggunakan tag di dalam strings.xml. Nah tutorial kali ini yang saya tunjukan adalah dengan menggunakan metode set tag di strings.xml.
Contoh kasus biasanya kita dapati pada saat di halaman login, Misalnya dibawah suka ada tulisan “Belum punya akun? daftar disini“. Nah, untuk kasus seperti ini hal pertama yang saya lakuin adalah membuat layout linearlayout horizontal dan didalam komponennya terdapat 2 textview karena untuk textview “Daftar Disini” biasanya dia warnanya beda sendiri dan underline. Harapan dari tutorial pemrograman android cara membuat text bold, italic, dan underline ini adalah untuk memangkas komponen layout xmlnya, jadi kamu hanya meng-set 1 textview saja dan kamu set kebutuhan color dan underlinenya di strings.xml
Setup Project
Buat project dengan nama TextString. Seperti biasanya tambahkan empty activity saja untuk kebutuhan tutorial saat ini.
Menyiapkan strings.xml
Buka strings.xml. Caranya ke folder res → values → strings.xml. Lalu isi dengan beberapa string dibawah ini.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <resources> <string name="app_name">Text String</string> <string name="example_default">Farizdotid - Tutorial Pemrograman Android Bahasa Indonesia</string> <string name="example_bold"><b>Farizdotid - Tutorial Pemrograman Android Bahasa Indonesia</b></string> <string name="example_italic"><i>Farizdotid - Tutorial Pemrograman Android Bahasa Indonesia</i></string> <string name="example_underline"><u>Farizdotid - Tutorial Pemrograman Android Bahasa Indonesia</u></string> <string name="example_mix"><b>Farizdotid</b> - <i>Tutorial Pemrograman Android</i> <u>Bahasa Indonesia</u></string> <string name="example_mix_color"><b><font color='#1abc9c'>Farizdotid</font></b> - <i><font color='#3498db'>Tutorial Pemrograman Android</font></i> <u><font color='#c0392b'>Bahasa Indonesia</font></u></string> <string name="example_by_case_sign_up">Belum punya akun ? <u><font color='#c0392b'>Daftar Disini</font></u></string> <string name="title_default">Default :</string> <string name="title_bold">Bold :</string> <string name="title_italic">Italic :</string> <string name="title_underline">Underline</string> <string name="title_mix">Mix :</string> <string name="title_mix_color">Mix Color :</string> <string name="title_by_case_sign_up">By Case Sign Up :</string> </resources> |
Catatan:
- Tag <b>{content}</b> ini digunakan untuk membuat bold(menebalkan) suatu text.
- Tag <i>{content}</i> ini digunakan untuk membuat italic(memiringkan) suatu text.
- Tag <u>{content}</u> ini digunakan untuk membuat underline(garis bawah) suatu text.
- Tag <font color=’#1abc9c’>{content}</font> ini digunakan untuk membuat text menjadi berwarna dan #1abc9c ini adalah kode hex warnanya.
Menyiapkan Layout
Buka activity_main.xml. Caranya ke res → layout. Lalu tambahkan komponen textview seperti dibawah 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 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 | <?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=".MainActivity"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="14sp" android:text="@string/title_default"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="4dp" android:textSize="18sp" android:text="@string/example_default"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:textSize="14sp" android:text="@string/title_bold"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="4dp" android:textSize="18sp" android:text="@string/example_bold"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:textSize="14sp" android:text="@string/title_italic"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="4dp" android:textSize="18sp" android:text="@string/example_italic"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:textSize="14sp" android:text="@string/title_underline"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="4dp" android:textSize="18sp" android:text="@string/example_underline"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:textSize="14sp" android:text="@string/title_mix"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="4dp" android:textSize="18sp" android:text="@string/example_mix"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:textSize="14sp" android:text="@string/title_mix_color"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="4dp" android:textSize="18sp" android:text="@string/example_mix_color"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:textSize="14sp" android:text="@string/title_by_case_sign_up"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="4dp" android:textSize="18sp" android:text="@string/example_by_case_sign_up"/> </LinearLayout> |
Catatan:
Jangan heran kalau preview di layoutnya tidak keluar seperti bold, italic, underline, colornya karena jika kita jalankan aplikasi maka akan muncul kok.
Build Aplikasi
Jalankan aplikasi. Maka tampilan akan seperti ini
Screenshot Cara Membuat Text Bold, Italic, Underline di strings.xml
Download Project
Tutorial Pemrograman Android menarik lainnya :
Cara Menambahkan Loading di Glide Android
Sekian tutorial pemrograman android mengenai cara membuat text bold, italic, underline di strings.xml. Semoga bermanfaat dan jika ada yang dirasa kurang atau ingin ditanyakan boleh langsung komentar di kolom yang sudah disediakan ya. Terimakasih! Hatur nuhun!
0 Comments