Выравнивание и интервалы
Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 11 из 50.
VStack центрирует свои представления и оставляет между ними небольшой промежуток по умолчанию. Оба параметра можно изменить при создании стека:
VStack(alignment: .leading, spacing: 12) {
Text("Order #42")
.font(.headline)
Text("2 coffees")
Text("Ready at 10:30")
}alignment: .leading выравнивает представления по левому краю (.trailing — это правый край). spacing: 12 задаёт расстояние в 12 пунктов между каждой парой представлений.
HStack, наоборот, выравнивает по вертикали: .top, .center или .bottom:
HStack(alignment: .top, spacing: 20) {
Text("Left")
Text("Right")
}Задание
ЛегкоСделайте так, чтобы чек выглядел как список: установите выравнивание VStack в значение .leading, а интервал — в значение 12.
Попробуйте сами
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в SwiftUI
10Проект — Coddy Coffee
Обзор проектаЭкраны напитков2Отображение содержимого
Текстовые представленияЧисла в текстеШрифтыЦветаSF SymbolsПовторение — ценник5Состояние и кнопки
КнопкиСвойство @StateСостояние «истина или ложь»Условные представленияПовторение — счётчик очков6Ввод данных пользователем
Текстовое полеПереключательСчётчик и ползунокВыборПовторение — форма заказаПотренируйтесь самостоятельно: Песочница Swift