Цвета
Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 6 из 50.
.foregroundStyle окрашивает содержимое представления, например буквы Text:
Text("Warning")
.foregroundStyle(.red)В SwiftUI есть именованные цвета: .red, .orange, .yellow, .green, .blue, .purple, .gray и другие. .secondary — это более мягкий серый цвет, используемый для менее важного текста.
В старом коде используется .foregroundColor(.red), который делает то же самое для одного цвета. Также можно смешать цвет из красной, зелёной и синей составляющих со значениями от 0 до 1:
Text("Custom")
.foregroundStyle(Color(red: 0.2, green: 0.6, blue: 0.9))
Задание
НовичокПокажите, что кафе открыто: сделайте текст зелёным и задайте ему шрифт .headline.
Попробуйте сами
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в SwiftUI
10Проект — Coddy Coffee
Обзор проектаЭкраны напитков
Выбор размераКоличество и итоговая суммаОформление заказа2Отображение содержимого
Текстовые представленияЧисла в текстеШрифтыЦветаSF SymbolsПовторение — ценник5Состояние и кнопки
КнопкиСвойство @StateСостояние «истина или ложь»Условные представленияПовторение — счётчик очков6Ввод данных пользователем
Текстовое полеПереключательСчётчик и ползунокВыборПовторение — форма заказаПотренируйтесь самостоятельно: Песочница Swift