Aller au contenu principal

Mise en page avec Jetpack Compose

Le code de cette recette est disponible ici.

Quand on vous demande de faire une mise en page, on va suivre les étapes suivantes :

  • on va utiliser les fonctions Row et Column pour décomposer l'interface en lignes et colonnes
  • on commence par l'écran au complet puis on va décomposer
    • on prend l'élément actuel et on regarde si on peut tracer des lignes horizontales qui séparent les sous-éléments sans les couper
    • on prend l'élément actuel et on regarde si on peut tracer des lignes verticales qui séparent les sous-éléments sans les couper
    • si on peut séparer avec des lignes horizontales, on utilise une Column sinon on utilise une Row
    • DIMENSIONNEMENT : TODO modifier
    • on applique la même logique pour les sous-éléments

L'exemple mep-simple donne un exemple. L'exemple mep-complexe donne un exemple plus complexe.