Android Academy · Урок

Стилизация текста

Шрифты, размер, начертание и цвет.

«Стилизация текста» — бесплатный урок Android Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Android Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Android Academy содержит 4 уроков всего.

Зачем оформлять текст

В Jetpack Compose компонуемый элемент Текст показывает слова на экране. По умолчанию он выглядит просто, но вы можете изменить его размер, цвет и насыщенность.

Оформление помогает пользователям читать ваше приложение. Заголовок должен быть крупнее и жирнее основного текста.

Текст оформляют, передавая ему дополнительные параметры.

Text("Hello Compose")

Увеличение текста

Параметр fontSize управляет размером текста. Размеры задаются в единицах sp, которые масштабируются в соответствии с настройками шрифта пользователя.

Чтобы использовать sp, добавьте .sp после числа, например 24.sp.

Text(
    text = "Big Title",
    fontSize = 24.sp
)

Жирность и насыщенность

Используйте fontWeight, чтобы сделать текст толще или тоньше. Наиболее распространённое значение — FontWeight.Bold.

Другие варианты: FontWeight.Light, FontWeight.Normal и FontWeight.SemiBold.

Text(
    text = "Important",
    fontWeight = FontWeight.Bold
)

Курсивный текст

Параметр fontStyle позволяет наклонить текст. Установите значение FontStyle.Italic, чтобы получить курсивное начертание.

Курсив полезен для цитат или выделения.

Text(
    text = "A quote",
    fontStyle = FontStyle.Italic
)

Окрашивание текста

Параметр color изменяет цвет текста. Ему можно передать значение Color, например Color.Red или Color.Blue.

Выбирайте цвета с хорошей контрастностью, чтобы текст оставался легко читаемым.

Text(
    text = "Warning",
    color = Color.Red
)

Выравнивание текста

Используйте textAlign, чтобы расположить текст внутри доступного пространства. Распространённые значения: TextAlign.Center, TextAlign.Start и TextAlign.End.

Центрирование лучше всего работает, когда Text занимает всю ширину.

Text(
    text = "Centered",
    textAlign = TextAlign.Center
)

Межбуквенный интервал

Параметр letterSpacing добавляет промежутки между символами. Он также использует единицу sp.

Небольшой дополнительный интервал может придать заголовкам более свободный и современный вид.

Text(
    text = "SPACED",
    letterSpacing = 2.sp
)

Объединение стилей

Вы можете одновременно использовать много параметров. Жирный, крупный синий заголовок — это всего лишь один вызов Text с несколькими значениями.

Compose считывает каждый параметр и применяет их все вместе.

Text(
    text = "Welcome",
    fontSize = 28.sp,
    fontWeight = FontWeight.Bold,
    color = Color.Blue
)

Использование TextStyle

Вместо множества отдельных параметров можно сгруппировать их в объекте TextStyle и передать его параметру style.

Это удобно, когда один и тот же внешний вид нужно использовать в нескольких местах.

Text(
    text = "Styled",
    style = TextStyle(
        fontSize = 20.sp,
        color = Color.Magenta
    )
)

Работа с длинным текстом

Длинный текст может выйти за пределы доступной области. Используйте maxLines, чтобы ограничить число строк, и overflow, чтобы показывать многоточие, когда текст обрезается.

TextOverflow.Ellipsis добавляет в конце ... вместо скрытого текста.

Text(
    text = "A very long sentence...",
    maxLines = 1,
    overflow = TextOverflow.Ellipsis
)

Подчёркивание и оформление

Параметр textDecoration может добавить Underline или LineThrough.

Подчёркивание часто обозначает ссылки, а зачёркивание может показывать удалённые или прежние цены.

Text(
    text = "Link",
    textDecoration = TextDecoration.Underline
)

Быстрая проверка

Проверьте, что вы узнали об оформлении Text.

Итоги

Вы научились оформлять Text с помощью fontSize (в sp), fontWeight для жирного начертания, fontStyle для курсива и color для изменения оттенка.

Вы также можете выравнивать текст, добавлять межбуквенный интервал и оформление, а также группировать всё в TextStyle.

Далее вы создадите кнопки, реагирующие на нажатия.

Часто задаваемые вопросы

Урок «Стилизация текста» бесплатный?

Да — полный текст урока «Стилизация текста» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Android Academy, подпишись на CoddyKit PRO. Курс Android Academy содержит 4 уроков всего.

Чему я научусь в уроке «Стилизация текста»?

Шрифты, размер, начертание и цвет. Ты практикуешь Android Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Android Academy?

Предыдущий опыт не требуется. Android Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.

Сколько времени занимает урок «Стилизация текста»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Android Academy?

Да. Каждый урок Android Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

← Назад к Android Academy