Порядок модификаторов
Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 16 из 50.
Каждый модификатор оборачивает представление, к которому он применяется, и возвращает новое представление. Поэтому порядок имеет значение: модификатор работает со всем, что создали предыдущие модификаторы.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()Для A сначала добавляется внутренний отступ, а затем фон покрывает область с отступом: оранжевая область большая. Для B фон покрывает только текст, а отступ добавляется снаружи, как свободное пространство вокруг небольшой оранжевой области.
Читайте цепочку модификаторов сверху вниз: каждая строка изменяет представление, созданное строками выше.
Задание
ЛегкоОранжевая область имеет размер только текста, а отступ находится за её пределами. Измените порядок модификаторов, чтобы оранжевый фон также покрывал отступ.
Попробуйте сами
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в SwiftUI
10Проект — Coddy Coffee
Обзор проектаЭкраны напитков
Выбор размераКоличество и итоговая суммаОформление заказа2Отображение содержимого
Текстовые представленияЧисла в текстеШрифтыЦветаSF SymbolsПовторение — ценник5Состояние и кнопки
КнопкиСвойство @StateСостояние «истина или ложь»Условные представленияПовторение — счётчик очков6Ввод данных пользователем
Текстовое полеПереключательСчётчик и ползунокВыборПовторение — форма заказаПотренируйтесь самостоятельно: Песочница Swift