Wyrównanie i odstępy
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 11 z 50.
VStack wyśrodkowuje swoje widoki i pozostawia między nimi niewielki odstęp domyślny. Oba te ustawienia można zmienić podczas tworzenia stosu:
VStack(alignment: .leading, spacing: 12) {
Text("Order #42")
.font(.headline)
Text("2 coffees")
Text("Ready at 10:30")
}alignment: .leading wyrównuje widoki do lewej krawędzi (.trailing oznacza prawą krawędź). spacing: 12 ustawia odstęp 12 punktów między każdą parą widoków.
HStack wyrównuje elementy pionowo: .top, .center lub .bottom:
HStack(alignment: .top, spacing: 20) {
Text("Left")
Text("Right")
}Wyzwanie
ŁatwySpraw, aby paragon wyglądał jak lista: ustaw wyrównanie elementu VStack na .leading, a odstęp na 12.
Spróbuj swoich sił
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI
10Projekt – Kawiarnia Coddy
Przegląd projektuEkrany napojów2Wyświetlanie treści
Widoki tekstoweLiczby w tekścieCzcionkiKolorySF SymbolsPodsumowanie — metka z ceną5Stan i przyciski
PrzyciskiWłaściwość @StateStan prawda lub fałszWidoki warunkowePodsumowanie — licznik punktów6Dane wejściowe użytkownika
Pole tekstowePrzełącznikPrzyciski krokowe i suwakSelektorPodsumowanie – formularz zamówieniaPoćwicz samodzielnie: Edytor online SwiftUI