nadawać styl fragmentom tekstu,

Możesz formatować fragmenty tekstu, aby poprawić czytelność, zwiększyć pozytywne wrażenia użytkownika i zachęcić do większej kreatywności dzięki użyciu kolorów i czcionek.

Wyniki

 Tekst „Hello World” w różnych stylach
Rysunek 1. Linia tekstu z wieloma stylami.

Zgodność wersji

Ta implementacja wymaga, aby minimalny pakiet SDK projektu był ustawiony na poziom API 21 lub wyższy.

Zależności

Stylizowanie fragmentów tekstu

Poniższy kod wyświetla ciąg znaków „Hello World”, używając koloru niebieskiego dla litery „H”, czerwonego dla litery „W” i czarnego dla pozostałej części tekstu. Aby ustawić różne style w ramach jednego komponentu Text, użyj tego kodu:

@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")
        }
    )
}

Najważniejsze informacje o kodzie

  • Używa funkcji buildAnnotatedString, która zwraca AnnotatedString ciąg znaków, aby ustawić różne style w tekście.
  • Style części tekstu z SpanStyle, konfiguracją, która umożliwia formatowanie na poziomie znaku.

Kolekcje, które zawierają ten przewodnik

Ten przewodnik jest częścią wyselekcjonowanych kolekcji przewodników, które obejmują szersze cele związane z programowaniem na Androida:

Tekst jest kluczowym elementem każdego interfejsu. Poznaj różne sposoby wyświetlania tekstu w aplikacji, aby zapewnić użytkownikom jak najlepsze wrażenia.

Masz pytania lub chcesz podzielić się opinią?

Odwiedź stronę z najczęstszymi pytaniami, aby zapoznać się z przewodnikami, lub skontaktuj się z nami i podziel się swoimi przemyśleniami.