Стилизовать части текста

Вы можете оформлять отдельные части текста, чтобы улучшить читаемость, повысить удобство использования и стимулировать творчество с помощью цветов и шрифтов.

Результаты

Текст "Hello World" с различными стилями
Рисунок 1. Строка текста с несколькими стилями.

Совместимость версий

Для данной реализации требуется, чтобы в вашем проекте был установлен уровень API 21 или выше.

Зависимости

Оформление частей текста

Следующий код отображает строку "Hello World", используя синий цвет для "H", красный для "W" и черный для остального текста. Чтобы задать разные стили в рамках одного Text элемента, используйте следующий код: 

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

Основные моменты, касающиеся кода.

  • Использует buildAnnotatedString , которая возвращает строку AnnotatedString для установки различных стилей в тексте.
  • С помощью параметра SpanStyle можно стилизовать часть текста, что позволяет изменять стиль на уровне символов.

Коллекции, содержащие это руководство

Данное руководство является частью подборки кратких руководств, охватывающих более широкие цели разработки под Android:

Отобразить текст

Текст — центральный элемент любого пользовательского интерфейса. Узнайте о различных способах представления текста в вашем приложении, чтобы обеспечить приятный пользовательский опыт.
Краткий справочник

Есть вопросы или отзывы?

Перейдите на страницу часто задаваемых вопросов и ознакомьтесь с краткими руководствами или свяжитесь с нами и поделитесь своими мыслями.
Перейти к разделу часто задаваемых вопросов Оставить отзыв