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.

Hasil

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

Kompatibilitas versi

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

Dependensi

Menata gaya 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 Text composable, 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 utama tentang kode

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

Koleksi yang berisi panduan ini

Panduan ini adalah bagian dari koleksi Panduan Singkat pilihan yang mencakup sasaran pengembangan Android yang lebih luas:

Teks tampilan

Teks adalah bagian utama dari setiap UI. Temukan berbagai cara Anda dapat menampilkan teks di aplikasi Anda guna memberikan pengalaman pengguna yang menyenangkan.
Koleksi panduan singkat

Ada pertanyaan atau masukan

Buka halaman pertanyaan umum dan pelajari panduan singkat atau hubungi kami dan sampaikan pendapat Anda.
Buka FAQ Berikan masukan