0Pricing
Swift Academy · Lekcja

Podstawy VStack, HStack i ZStack

Układanie widoków pionowo, poziomo i w głąb za pomocą odstępów oraz wyrównania.

Podstawy VStack, HStack i ZStack to bezpłatna lekcja Swift Academy na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Swift Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Swift Academy zawiera 4 lekcji w sumie.

Wprowadzenie

`VStack`, `HStack` i `ZStack` to trzy podstawowe kontenery układu w SwiftUI. Ich zrozumienie jest niezbędne do tworzenia dowolnego interfejsu.

VStack — pionowy

```swift VStack(alignment: .leading, spacing: 8) { Text("Title").font(.title) Text("Subtitle").foregroundColor(.secondary) Button("Action") {} } ```

HStack — poziomy

```swift HStack(spacing: 16) { Image(systemName: "star") Text("Favourite") Spacer() Text("4.9") } ```

ZStack — głębia

```swift ZStack(alignment: .bottomTrailing) { Image("background") Text("Overlay") .padding() .background(Color.black.opacity(0.5)) } ```

Opcje wyrównania

Wyrównanie VStack: `.leading`, `.center`, `.trailing` Wyrównanie HStack: `.top`, `.center`, `.bottom`, `.firstTextBaseline` Wyrównanie ZStack: dowolny obiekt `Alignment` łączący wyrównanie poziome i pionowe

Parametr odstępów

```swift VStack(spacing: 0) { // no space between views Divider() Text("A") Divider() Text("B") } ```

Zagnieżdżanie stosów

```swift VStack { HStack { Image("icon"); Text("Name") } Text("Description") } ``` Stosy można zagnieżdżać na dowolną głębokość, aby uzyskać dowolny układ.

Spacer

```swift HStack { Text("Left") Spacer() // pushes views to edges Text("Right") } ```

Divider

```swift VStack { Text("Above") Divider() // horizontal line Text("Below") } ```

Wydajność: Group a Stack

W przypadku więcej niż 10 elementów potomnych opakuj je w `Group` albo przełącz się na `LazyVStack`, aby uniknąć ograniczeń drzewa widoków: ```swift ScrollView { LazyVStack { ForEach(items) { Text($0.name) } } } ```

Szybkie sprawdzenie

Który stos umieszcza widoki wzdłuż osi głębi, czyli od przodu do tyłu?

Podsumowanie

Najważniejsze informacje: • `VStack` — układ pionowy; `HStack` — układ poziomy; `ZStack` — głębia • Używaj parametrów `alignment:` i `spacing:` • `Spacer()` odsuwa sąsiednie widoki do krawędzi • Zagnieżdżaj stosy, aby tworzyć złożone układy • Używaj `LazyVStack`/`LazyHStack` w przypadku dużych list Następnie: LazyVGrid i LazyHGrid.

Często zadawane pytania

Czy lekcja „Podstawy VStack, HStack i ZStack” jest bezpłatna?

Tak — pełny tekst „Podstawy VStack, HStack i ZStack” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Swift Academy, przejdź na CoddyKit PRO. Kurs Swift Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Podstawy VStack, HStack i ZStack”?

Układanie widoków pionowo, poziomo i w głąb za pomocą odstępów oraz wyrównania. Ćwiczysz Swift Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Swift Academy?

Nie wymagamy żadnego doświadczenia. Swift Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.

Ile czasu zajmuje lekcja „Podstawy VStack, HStack i ZStack”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Swift Academy?

Tak. Każda lekcja Swift Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Podstawy VStack, HStack i ZStack
  2. LazyVGrid i LazyHGrid
  3. Modyfikatory Spacer, Padding i Frame
  4. GeometryReader dla układów adaptacyjnych
← Powrót do Swift Academy