Размер, насыщенность и стиль шрифта
Делайте текст полужирным, курсивным и задавайте ему подходящий размер.
«Размер, насыщенность и стиль шрифта» — бесплатный урок Jetpack Compose Academy на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Jetpack Compose Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Jetpack Compose Academy содержит 4 уроков всего.
Стилизуйте текст
Простой текст подходит не всегда: настоящим приложениям нужны акценты. Text принимает простые аргументы для управления размером, насыщенностью и стилем без XML.
Задайте размер
Используйте fontSize, чтобы сделать текст крупнее или мельче. Размеры задаются в единицах sp, учитывающих настройки шрифта, выбранные пользователем для специальных возможностей.
Text("Big title", fontSize = 24.sp)Почему sp, а не dp
Для текста используется sp, поэтому он масштабируется вместе с системным размером шрифта. В разметке применяется dp, но слова должны увеличиваться, если пользователь предпочитает крупный текст.
Сделайте его полужирным
Используйте fontWeight, когда нужен акцент. FontWeight.Bold — обычный выбор для заголовков и важных подписей.
Text("Headline", fontWeight = FontWeight.Bold)Насыщенность образует шкалу
Насыщенность — это не только полужирное начертание или его отсутствие. FontWeight варьируется от Light до Black, поэтому можно точно подобрать нужный акцент.
FontWeight.Light
FontWeight.Medium
FontWeight.BlackДобавьте курсив
Наклоните текст с помощью fontStyle. FontStyle.Italic отлично подходит для цитат, подписей или лёгкого оттенка индивидуальности.
Text("a note", fontStyle = FontStyle.Italic)Сочетайте их
Эти аргументы можно свободно сочетать. Один вызов Text может одновременно задать крупный, полужирный и курсивный текст — всё в одной понятной строке кода. 🙂
Text("Wow", fontSize = 20.sp,
fontWeight = FontWeight.Bold)Измените семейство шрифтов
Замените гарнитуру с помощью fontFamily. Встроенные варианты, такие как Serif и Monospace, доступны сразу, а также можно подключать собственные шрифты.
Text("code", fontFamily = FontFamily.Monospace)Межбуквенный интервал
Для воздушных и выразительных заголовков немного увеличьте letterSpacing. Дополнительное пространство между символами может придать заголовкам в верхнем регистре премиальный вид.
Text("MENU", letterSpacing = 2.sp)Опирайтесь на стили темы
Вместо настройки каждого значения передайте готовый стиль из MaterialTheme. Так все экраны сохранят единообразный внешний вид.
Text("Title", style = MaterialTheme.typography.titleLarge)Мелкие штрихи — большая выразительность
Размер, насыщенность и стиль — небольшие аргументы, но вместе они превращают плоский текст в понятную иерархию, которую пользователи сразу воспринимают.
Быстрая проверка
Какую единицу следует передать в fontSize и почему?
Итоги
Вы стилизовали текст с помощью fontSize, fontWeight, fontStyle и семейства шрифтов. Используйте sp для размеров и отдавайте предпочтение типографике темы для единообразного вида. 🎨
Изучай Kotlin с ИИ-репетитором — бесплатно
Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.
- Курсы
- 30
- Уроки
- 120
Часто задаваемые вопросы
Урок «Размер, насыщенность и стиль шрифта» бесплатный?
Да — полный текст урока «Размер, насыщенность и стиль шрифта» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Jetpack Compose Academy, подпишись на CoddyKit PRO. Курс Jetpack Compose Academy содержит 4 уроков всего.
Чему я научусь в уроке «Размер, насыщенность и стиль шрифта»?
Делайте текст полужирным, курсивным и задавайте ему подходящий размер. Ты практикуешь Jetpack Compose Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Jetpack Compose Academy?
Предыдущий опыт не требуется. Jetpack Compose Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.
Сколько времени занимает урок «Размер, насыщенность и стиль шрифта»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Jetpack Compose Academy?
Да. Каждый урок Jetpack Compose Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Composable Text
- Размер, насыщенность и стиль шрифта
- Цвет, выравнивание и переполнение
- AnnotatedString: форматированный смешанный текст