Sesuaikan font toolbar dengan mudah

Saat ini di aplikasi Android, kita sering melihat font khusus di seluruh aplikasi, seperti font khusus di detailnya, font khusus di toolbar, font khusus di mana-mana di aplikasi. Yang membuat UI lebih sesuai dan menarik.

Pada artikel ini, kita akan mempelajari cara menyesuaikan font toolbar, cara mengubah jenis font Toolbar dengan bantuan tema.

Awalnya diterbitkan dihttps://danishamjad.com pada 2 Juni 2020.

Ubah Font untuk TextView

Sebelum langsung beralih ke font toolbar khusus, pertama-tama lihat bagaimana kita dapat dengan mudah mengubah jenis font untuk TextView di Android.

Kita hanya perlu menambahkan atribut font-family di TextView kita seperti cuplikan kode di bawah ini.

<androidx.appcompat.widget.AppCompatTextView
    android:id="@+id/heading"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fontFamily="@font/montserrat_semi_bold"
    android:textSize="16sp"
    android:ellipsize="end"
    android:gravity="center"/>

Cukup tambahkan atribut android:fontFamilydan itu akan menghasilkan keajaiban. Sangat mudah untuk mengubah jenis font untuk Textview

Ubah Font untuk Toolbar

Sekarang, di Android, kita sering kali perlu mengubah jenis font untuk Toolbar juga agar UI terlihat lebih menarik bagi pengguna akhir.

Untuk melakukannya kita perlu mendefinisikan tema di toolbar kita dengan atribut app:theme seperti cuplikan kode di bawah ini.

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:theme="@style/AppTheme.ToolbarFont" />

Sebelum itu, kita harus menambahkan tema di file styles.xml dan kita harus mendefinisikan font-family dengan gaya tersebut seperti cuplikan kode di bawah ini.

<style name="AppTheme.ToolbarFont" parent="AppTheme">
    <!--This line changes the color of text in Toolbar-->
    <item name="android:textColorPrimary">@color/black</item>
    <!--This line changes the color of icons in toolbar (back, overflow menu icons)-->
    <item name="android:textColorSecondary">@color/azul</item>
    <item name="textAllCaps">false</item>
    <item name="android:textSize">16sp</item>
    <item name="android:fontFamily">@font/montserrat_semi_bold</item>
</style>

Tambahkan Font Kustom ke folder sumber daya

Untuk menambahkan font khusus kita perlu membuat folder dengan nama “font” di direktori res seperti gambar di bawah.

Hasil

Voila!!! Kami telah mendapatkan font khusus di toolbar kami.

Jika Anda ingin menjadi Fotografer Profesional, lihat tautan di bawah ini.



Adobe Photoshop CC Advanced untuk Fotografi - John Academy
Pelajari fungsi lanjutan Adobe Photoshop CC untuk membuat dan menyempurnakan gambar, foto, karya seni, dan lainnya… bit.ly



Kesimpulan

Artikel ini mengajarkan Anda bagaimana Anda dapat dengan mudah mengubah font toolbar Anda dengan bantuan tema, juga menjelaskan bagaimana Anda dapat mengatur font untuk Textview hanya dengan satu baris.

Saya harap artikel ini bermanfaat. Jika Anda merasa ada yang kurang, memiliki pertanyaan, atau ingin memberikan pemikiran atau saran, silakan tinggalkan komentar di bawah. Saya menghargai masukannya.

Saya telah menulis beberapa konten terkait Android lainnya, dan jika Anda menyukai apa yang Anda baca di sini, Anda mungkin juga akan menikmati ini:



Terapkan Pembaruan Dalam Aplikasi di Android
Pastikan setiap pengguna aplikasi Anda menggunakan versi baru.android.jlelse.eu





Menerapkan Ikon Adaptif di Android Menggunakan Android Studio
Ikon peluncur aplikasi dengan perangkat Android berbedaheartbeat.fritz.ai





Tentukan Id Tata Letak Sumber Daya di Aktivitas/Fragmen Konstruktor — Dengan AndroidX
Kurangi jumlah metode dari aktivitas/fragmen Andaandroid.jlelse.eu



Berbagi (ilmu) itu peduli 😊 Terima kasih sudah membaca artikel ini. Pastikan untuk bertepuk tangan atau merekomendasikan artikel ini jika Anda merasa bermanfaat. Itu sangat berarti bagi saya.

Jika Anda memerlukan bantuan, Bergabunglah dengan saya di Twitter, "LinkedIn", "GitHub",dan Berlangganan ke saya Saluran Youtube.