0Pricing
Swift Academy · Lekcja

Modyfikatory Spacer, Padding i Frame

Używanie Spacer do tworzenia elastycznych odstępów oraz frame do ustawiania jawnych rozmiarów.

Modyfikatory Spacer, Padding i Frame to bezpłatna lekcja Swift Academy na CoddyKit. To lekcja 3 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

`Spacer`, `.padding()` i `.frame()` to podstawowe narzędzia do kontrolowania odstępów i rozmiarów w SwiftUI. Poznajmy dokładnie każde z nich.

Spacer — elastyczna przestrzeń

```swift HStack { Text("Left") Spacer() // fills all available space Text("Right") } ``` `Spacer` rozszerza się, aby wypełnić pozostałą przestrzeń wzdłuż osi stosu.

Minimalna długość

```swift Spacer(minLength: 20) // at least 20pt even if compressed ```

Modyfikator `.padding()`

```swift Text("Hello") .padding() // default 16pt all sides .padding(.horizontal, 24) // custom horizontal .padding(.top, 8) // custom top only ```

`.padding` z użyciem EdgeInsets

```swift Text("Hi") .padding(EdgeInsets(top:10,leading:20,bottom:10,trailing:20)) ```

`.frame()` — jawny rozmiar

```swift Text("Button") .frame(width: 200, height: 44) .background(Color.blue) .foregroundColor(.white) ```

`.frame(maxWidth:)`

```swift Button("Full Width") {} .frame(maxWidth: .infinity) .padding() .background(Color.accentColor) ```

`.frame(alignment:)`

```swift Text("Left") .frame(width: 200, alignment: .leading) .border(Color.gray) // Text aligns left within the 200pt wide frame ```

fixedSize

```swift Text("Long text that should not wrap") .fixedSize() // prevents truncation / wrapping ```

Łączenie Spacer i Frame

```swift VStack { Spacer() Text("Bottom") .frame(maxWidth: .infinity) .padding() } ```

Szybkie sprawdzenie

Co robi `Spacer()` wewnątrz `HStack`?

Podsumowanie

Najważniejsze informacje: • `Spacer()` wypełnia dostępną przestrzeń, a `Spacer(minLength:)` pozwala określić minimalny odstęp • `.padding()` dodaje marginesy wewnętrzne; aby uzyskać precyzyjny efekt, należy określić krawędź i wartość • `.frame(width:height:)` ustawia stały rozmiar • `.frame(maxWidth: .infinity)` rozszerza widok, aby wypełnił dostępną przestrzeń • `.fixedSize()` zapobiega obcinaniu tekstu Następny temat: GeometryReader.

Często zadawane pytania

Czy lekcja „Modyfikatory Spacer, Padding i Frame” jest bezpłatna?

Tak — pełny tekst „Modyfikatory Spacer, Padding i Frame” 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 „Modyfikatory Spacer, Padding i Frame”?

Używanie Spacer do tworzenia elastycznych odstępów oraz frame do ustawiania jawnych rozmiarów. Ć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 3 z 4.

Ile czasu zajmuje lekcja „Modyfikatory Spacer, Padding i Frame”?

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