Swift Academy · Lezione

Modifier Spacer, Padding e Frame

Utilizzare Spacer per gli spazi flessibili e frame per impostare dimensioni esplicite.

Lezione 3 di 412 passaggi

Modifier Spacer, Padding e Frame è una lezione Swift Academy gratuita su CoddyKit. Questa è la lezione 3 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Swift Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Swift Academy include 4 lezioni in totale.

Benvenuto

`Spacer`, `.padding()` e `.frame()` sono gli strumenti principali per controllare spaziatura e dimensioni in SwiftUI. Impariamo a usare ciascuno di essi.

Spacer — Spazio flessibile

```swift HStack { Text("Left") Spacer() // fills all available space Text("Right") } ``` `Spacer` si espande fino a riempire lo spazio rimanente lungo l'asse dello stack.

Lunghezza minima

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

Modificatore .padding()

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

.padding con EdgeInsets

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

.frame() — Dimensione esplicita

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

Combinare Spacer e frame

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

Verifica rapida

Che cosa fa `Spacer()` all'interno di un `HStack`?

Rispondi nella lezione interattiva

Riepilogo

Concetti chiave: • `Spacer()` riempie lo spazio disponibile; `Spacer(minLength:)` consente di specificare uno spazio minimo • `.padding()` aggiunge rientri; specificare bordo e quantità consente un controllo preciso • `.frame(width:height:)` imposta una dimensione fissa • `.frame(maxWidth: .infinity)` si espande fino a riempire lo spazio • `.fixedSize()` impedisce il troncamento Prossimo argomento: GeometryReader.

Gratis per iniziare

Impara Swift con un tutor IA — gratis

Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.

Corsi: 122
Lezioni: 409

Inizia a imparare gratis Visualizza il corso completo

Domande Frequenti

La lezione «Modifier Spacer, Padding e Frame» è gratuita?

Sì — il testo completo di «Modifier Spacer, Padding e Frame» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Swift Academy, passa a CoddyKit PRO. Il corso Swift Academy include 4 lezioni in totale.

Cosa imparerò in «Modifier Spacer, Padding e Frame»?

Utilizzare Spacer per gli spazi flessibili e frame per impostare dimensioni esplicite. Eserciti Swift Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare Swift Academy?

Non è richiesta alcuna esperienza precedente. Swift Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 4.

Quanto tempo richiede la lezione «Modifier Spacer, Padding e Frame»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione Swift Academy?

Sì. Ogni lezione Swift Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

← Torna a Swift Academy