Exemples de mises en page adaptatives
Compose
Mise en page
FlexBox
L'application exemple FlexBox présente la mise en page FlexBox. L'application montre les directions des colonnes et des lignes, le dimensionnement des éléments flexibles (base, croissance et réduction), le comportement d'habillage et les configurations d'alignement.
Compose
Mise en page
Grille
L'application exemple Grid montre comment configurer des colonnes et des lignes de grille, et comment étendre des éléments sur plusieurs lignes et colonnes à l'aide de modificateurs de grille dans Compose.
Compose
Adaptatif
MediaQuery
MediaQuery est une application exemple qui explore les API Media Query dans Compose UI. L'exemple montre comment adapter la mise en page et les éléments d'UI en fonction des dimensions de la fenêtre, de la position de l'appareil (comme le mode Table), du matériel d'entrée (claviers et précision du pointeur), des capteurs matériels et de la distance de visionnage.