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

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

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

Для этой реализации требуется, чтобы для minSDK вашего проекта был установлен уровень 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 — конфигурации, позволяющей стилизовать на уровне символов.

Результаты

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

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

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

Отображать текст

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

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

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