SwiftUI Academy · Lezione

Dimensionare le view con frame

Impostare vincoli di larghezza, altezza e valori minimi o massimi.

Lezione 2 di 413 passaggi

Dimensionare le view con frame è una lezione SwiftUI Academy gratuita su CoddyKit. Questa è la lezione 2 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 SwiftUI Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso SwiftUI Academy include 4 lezioni in totale.

Le view determinano autonomamente le proprie dimensioni

Per impostazione predefinita, una view SwiftUI è grande esattamente quanto richiede il contenuto. Quando desidera una dimensione specifica, utilizzi il modificatore frame per richiederla.

Larghezza e altezza fisse

Il modificatore frame consente di richiedere dimensioni esatte. In questo caso il testo viene inserito in un riquadro largo 200 punti e alto 80 punti.

Text("Card")
    .frame(width: 200, height: 80)

Solo larghezza

Non è necessario impostare entrambe le dimensioni. Indichi solo una width e l’altezza rimarrà naturale, adattandosi al contenuto come di consueto.

Text("Wide")
    .frame(width: 250)

Riempire lo spazio disponibile

Imposti maxWidth su infinity per consentire a una view di estendersi in tutto lo spazio offerto dal genitore. È ideale per pulsanti e righe a larghezza completa.

Text("Stretch")
    .frame(maxWidth: .infinity)

Allineare all’interno del frame

Un frame spazioso centra il contenuto per impostazione predefinita. L’argomento alignment sposta il contenuto, ad esempio ancorando il testo al bordo leading.

Text("Left")
    .frame(maxWidth: .infinity, alignment: .leading)

Dimensioni minime

Utilizzi minWidth o minHeight per garantire che una view non si restringa mai al di sotto di un limite, anche quando il contenuto è minimo. È utile per mantenere coerenti le aree di tocco.

Text("OK")
    .frame(minWidth: 120)

Dimensioni massime

I valori maxWidth e maxHeight limitano le dimensioni che una vista flessibile può raggiungere, così si espande solo fino al limite scelto.

Text("Capped")
    .frame(maxWidth: 400)

Combinare minimo e massimo

Combini minWidth e maxWidth per definire un intervallo flessibile. La vista cresce insieme al contenitore, ma rimane tra un limite minimo e uno massimo adeguati.

Text("Flexible")
    .frame(minWidth: 100, maxWidth: 300)

Frame e sfondo insieme

Un frame definisce l'area che lo sfondo riempie. Imposti un frame, poi aggiunga un colore: verrà dipinta l'intera regione dimensionata, non solo il testo.

Text("Tile")
    .frame(width: 120, height: 120)
    .background(.mint)

Il frame avvolge, non ritaglia

Un frame propone una dimensione, ma da solo non ritaglia mai il contenuto. Se il contenuto è più grande del frame, può fuoriuscire, a meno che non lo ritagliate esplicitamente.

Frame e padding

Combini i due strumenti per creare layout curati: un frame definisce le dimensioni complessive, mentre il padding aggiunge spazio interno attorno al contenuto.

Text("Spaced")
    .padding()
    .frame(maxWidth: .infinity)

Verifica rapida

Verifichi la sua comprensione del modificatore frame.

Rispondi nella lezione interattiva

Riepilogo

Ottimi progressi! Ora può usare frame per impostare dimensioni precise e intervalli flessibili, riempire lo spazio con infinity e allineare il contenuto all'interno dell'area.

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: 30
Lezioni: 120

Inizia a imparare gratis Visualizza il corso completo

Domande Frequenti

La lezione «Dimensionare le view con frame» è gratuita?

Sì — il testo completo di «Dimensionare le view con 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 SwiftUI Academy, passa a CoddyKit PRO. Il corso SwiftUI Academy include 4 lezioni in totale.

Cosa imparerò in «Dimensionare le view con frame»?

Impostare vincoli di larghezza, altezza e valori minimi o massimi. Eserciti SwiftUI 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 SwiftUI Academy?

Non è richiesta alcuna esperienza precedente. SwiftUI 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 2 di 4.

Quanto tempo richiede la lezione «Dimensionare le view con 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 SwiftUI Academy?

Sì. Ogni lezione SwiftUI 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 SwiftUI Academy