Порядок модификаторов
Часть раздела Введение в 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Ввод данных пользователем
Текстовое полеПереключательСчётчик и ползунокВыборПовторение — форма заказаПотренируйтесь самостоятельно: Песочница SwiftUI