Android Academy · Lezione

Allineamento e disposizione

Posizioni con precisione gli elementi figli.

Allineamento e disposizione è una lezione Android 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 Android Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Android Academy include 4 lezioni in totale.

Posizionare gli elementi figli

All'interno di una Column o di una Row, due impostazioni controllano la posizione degli elementi figli: alignment (attraverso il layout) e arrangement (lungo il layout).

Allineamento della Column

In una Column, gli elementi figli sono disposti verticalmente. horizontalAlignment controlla la loro posizione orizzontale: a sinistra, al centro o a destra.

Column(horizontalAlignment = Alignment.CenterHorizontally) {
    Text("Centered")
    Text("Also centered")
}

Disposizione della Column

verticalArrangement controlla come gli elementi figli vengono distribuiti verticalmente: in alto, al centro, in basso o con spaziatura uniforme.

Column(verticalArrangement = Arrangement.Center) {
    Text("A")
    Text("B")
}

Allineamento della Row

In una Row gli assi si invertono. verticalAlignment controlla la posizione verticale degli elementi figli, mentre horizontalArrangement li distribuisce orizzontalmente.

Row(verticalAlignment = Alignment.CenterVertically) {
    Text("Left")
    Text("Right")
}

Ricordare la coppia

Suggerimento: alignment è l'asse trasversale, mentre arrangement è l'asse principale. In una Column l'asse principale è verticale, quindi si usano verticalArrangement e horizontalAlignment.

Opzioni di disposizione

Valori comuni di Arrangement:

Top / Bottom / Center
SpaceBetween — spazi tra gli elementi.
SpaceAround / SpaceEvenly

SpaceBetween

SpaceBetween spinge il primo e l'ultimo elemento figlio verso i bordi e distribuisce uniformemente gli altri: è perfetto per una barra superiore con un titolo a sinistra e un'icona a destra.

Row(horizontalArrangement = Arrangement.SpaceBetween) {
    Text("Title")
    Text("Action")
}

Arrangement.spacedBy

Arrangement.spacedBy(8.dp) aggiunge uno spazio fisso tra ogni elemento figlio: è il modo più semplice per distribuire uniformemente gli elementi di un elenco.

Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
    Text("One")
    Text("Two")
    Text("Three")
}

Combinare spacedBy con Alignment

Può combinare disposizione e allineamento per ottenere il pieno controllo del layout.

Column(
    verticalArrangement = Arrangement.spacedBy(12.dp),
    horizontalAlignment = Alignment.CenterHorizontally
) {
    Text("Title")
    Button(onClick = {}) { Text("Go") }
}

Allineamento del Box

Per Box, usi contentAlignment per posizionare gli elementi figli oppure Modifier.align() sui singoli elementi per posizionarli individualmente.

Box(modifier = Modifier.fillMaxSize()) {
    Text(
        text = "Bottom",
        modifier = Modifier.align(Alignment.BottomCenter)
    )
}

Ricapitolando

Una riga di intestazione più un elenco con spaziatura uniforme.

Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
    Row(horizontalArrangement = Arrangement.SpaceBetween) {
        Text("Inbox")
        Text("Edit")
    }
    Text("Message 1")
    Text("Message 2")
}

Verifica rapida

In una Column, quale parametro controlla la posizione orizzontale degli elementi figli?

Riepilogo

Posizionamento:

Alignment = asse trasversale; arrangement = asse principale.
Column: horizontalAlignment + verticalArrangement.
Row: verticalAlignment + horizontalArrangement.
Arrangement.spacedBy() aggiunge spazi uniformi.

Domande Frequenti

La lezione «Allineamento e disposizione» è gratuita?

Sì — il testo completo di «Allineamento e disposizione» è 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 Android Academy, passa a CoddyKit PRO. Il corso Android Academy include 4 lezioni in totale.

Cosa imparerò in «Allineamento e disposizione»?

Posizioni con precisione gli elementi figli. Eserciti Android 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 Android Academy?

Non è richiesta alcuna esperienza precedente. Android 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 «Allineamento e disposizione»?

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 Android Academy?

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