Memberi gaya pada bagian teks

Anda dapat menata gaya bagian teks untuk meningkatkan keterbacaan, meningkatkan pengalaman pengguna yang positif, dan mendorong kreativitas yang lebih besar melalui penggunaan warna dan font.

Kompatibilitas versi

Implementasi ini mengharuskan minSDK project Anda ditetapkan ke API level 21 atau yang lebih tinggi.

Dependensi

Memberi gaya pada bagian teks

Kode berikut menampilkan string "Hello World" menggunakan warna biru untuk "H", merah untuk "W", dan hitam untuk teks lainnya. Untuk menetapkan gaya yang berbeda dalam satu composable Text, gunakan kode berikut:

@Composable
fun MultipleStylesInText() {
    Text(
        buildAnnotatedString {
            withStyle(style = SpanStyle(color = Color.Blue)) {
                append("H")
            }
            append("ello ")

            withStyle(style = SpanStyle(fontWeight = FontWeight.Bold, color = Color.Red)) {
                append("W")
            }
            append("orld")
        }
    )
}

Poin-poin penting tentang kode

  • Menggunakan buildAnnotatedString yang menampilkan string AnnotatedString untuk menetapkan gaya yang berbeda dalam teks.
  • Memberi gaya pada bagian teks dengan SpanStyle, konfigurasi yang memungkinkan gaya tingkat karakter.

Hasil

 Teks Hello World dengan beberapa gaya
Gambar 1. Baris teks dengan beberapa gaya.

Koleksi yang berisi panduan ini

Panduan ini adalah bagian dari koleksi Panduan Cepat pilihan yang membahas sasaran pengembangan Android yang lebih luas:

Teks adalah bagian utama dari setiap UI. Cari tahu berbagai cara untuk menyajikan teks di aplikasi Anda guna memberikan pengalaman pengguna yang menyenangkan.

Ada pertanyaan atau masukan

Buka halaman pertanyaan umum (FAQ) dan pelajari panduan singkat atau hubungi kami dan beri tahu kami pendapat Anda.