Android Academy · Leçon

Alignement et disposition

Positionnez précisément les éléments enfants.

Alignement et disposition est une leçon Android Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Android Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Android Academy comprend 4 leçons au total.

Positionner les enfants

Dans un Column ou un Row, deux réglages contrôlent la position des enfants : l’alignement (sur l’axe transversal) et la disposition (sur l’axe principal).

Alignement d’une colonne

Dans un Column, les enfants sont empilés verticalement. horizontalAlignment contrôle leur position horizontale : à gauche, au centre ou à droite.

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

Disposition d’une colonne

verticalArrangement contrôle la répartition des enfants verticalement : en haut, au centre, en bas ou avec un espacement régulier.

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

Alignement d’une ligne

Dans un Row, les axes sont inversés. verticalAlignment contrôle la position verticale des enfants et horizontalArrangement les répartit horizontalement.

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

Retenir la paire

Astuce : l’alignement concerne l’axe transversal et la disposition l’axe principal. Dans un Column, l’axe principal est vertical : utilisez donc verticalArrangement et horizontalAlignment.

Options de disposition

Valeurs courantes de Arrangement :

Top / Bottom / Center
SpaceBetween — espaces entre les éléments.
SpaceAround / SpaceEvenly

SpaceBetween

SpaceBetween repousse le premier et le dernier enfant vers les bords et répartit les autres uniformément. C’est parfait pour une barre supérieure avec un titre à gauche et une icône à droite.

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

Arrangement.spacedBy

Arrangement.spacedBy(8.dp) ajoute un espace fixe entre chaque enfant : c’est la manière la plus nette d’espacer régulièrement les éléments d’une liste.

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

Combiner spacedBy et l’alignement

Vous pouvez combiner la disposition et l’alignement pour contrôler entièrement la mise en page.

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

Alignement d’une boîte

Pour une Box, utilisez contentAlignment pour positionner les enfants, ou Modifier.align() sur chaque enfant pour un placement individuel.

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

Pour tout assembler

Une ligne d’en-tête suivie d’une liste régulièrement espacée.

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

Vérification rapide

Dans un Column, quel paramètre contrôle la position horizontale des enfants ?

Récapitulatif

Positionnement :

Alignement = axe transversal ; disposition = axe principal.
Column : horizontalAlignment + verticalArrangement.
Row : verticalAlignment + horizontalArrangement.
Arrangement.spacedBy() ajoute des espaces réguliers.

Questions Fréquemment Posées

La leçon « Alignement et disposition » est-elle gratuite ?

Oui — le texte complet de « Alignement et disposition » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Android Academy, passe à CoddyKit PRO. Le cours Android Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Alignement et disposition » ?

Positionnez précisément les éléments enfants. Tu pratiques Android Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Android Academy ?

Aucune expérience préalable n'est requise. Android Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.

Combien de temps prend la leçon « Alignement et disposition » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Android Academy ?

Oui. Chaque leçon Android Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

← Retour à Android Academy