Swift Academy · Lektion

Spacer-, padding- och frame-modifierare

Använd Spacer för flexibla mellanrum och frame för att ange explicita storlekar.

Lektion 3 av 412 steg

Spacer-, padding- och frame-modifierare är en gratis lektion i Swift Academy på CoddyKit. Detta är lektion 3 av 4. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för Swift Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Swift Academy innehåller totalt 4 lektioner.

Välkommen

`Spacer`, `.padding()` och `.frame()` är de viktigaste verktygen för att styra avstånd och storlek i SwiftUI. Lär er behärska dem ett i taget.

Spacer – flexibelt utrymme

```swift HStack { Text("Left") Spacer() // fills all available space Text("Right") } ``` `Spacer` expanderar för att fylla det återstående utrymmet längs stackens axel.

Minimilängd

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

.padding()-modifieraren

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

.padding med EdgeInsets

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

.frame() – explicit storlek

```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 ```

Kombinera Spacer och Frame

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

Snabbkontroll

Vad gör `Spacer()` inuti en `HStack`?

Besvara frågan i den interaktiva lektionen

Sammanfattning

Viktiga punkter: • `Spacer()` fyller tillgängligt utrymme; använd `Spacer(minLength:)` för ett minsta avstånd • `.padding()` lägger till inre marginaler; ange kant och mängd för precision • `.frame(width:height:)` anger en fast storlek • `.frame(maxWidth: .infinity)` expanderar för att fylla utrymmet • `.fixedSize()` förhindrar trunkering Nästa: GeometryReader.

Gratis att börja

Lär dig Swift med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 122
Lektioner: 409

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Spacer-, padding- och frame-modifierare” gratis?

Ja – du kan läsa vilka 3 lektioner som helst i lärvägen Swift Academy, inklusive ”Spacer-, padding- och frame-modifierare”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i Swift Academy innehåller totalt 4 lektioner.

Vad lär jag mig i ”Spacer-, padding- och frame-modifierare”?

Använd Spacer för flexibla mellanrum och frame för att ange explicita storlekar. Ni övar på Swift Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig Swift Academy?

Du behöver inga förkunskaper. Utbildningen i Swift Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 3 av 4.

Hur lång tid tar lektionen ”Spacer-, padding- och frame-modifierare”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här Swift Academy-lektionen?

Ja. Varje Swift Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

← Tillbaka till Swift Academy