В этой статье будет рассказано о том, как иметь несколько стилей в одном Text
с помощью Jetpack Compose.
Помните, как каждый раз, когда вам нужно было применить несколько стилей к одному TextView
в XML, вы натыкались на решение, которое использовало либо Html.fromHtml
, либо SpannableString
вместе с некоторой магией индекса.
Что ж, эти дни прошли. Используя Jetpack Compose, мы можем легко добиться этого с помощью AnnotatedString
. Мы можем создать его с помощью buildAnnotatedString
и просто передать в Text
компонуемый.
Даст нам:
Приятно то, что если вы установите цвет непосредственно для текста, например, AnnotatedString
также будет использовать его по умолчанию. Затем вы все еще можете переопределить его с помощью SpanStyle
позже.
Даст нам:
Вещи, которые вы также можете настроить с помощью SpanStyle
:
- цвет
- размер шрифта
- шрифтВес
- стиль шрифта
- семейство шрифтов
- фон
- текстУкрашение
- тень
- и многое другое!
Вот оно! Спасибо, что прочитали мою первую статью! 🥳