Mises en page, thématisation et animation

Implémentez des mises en page plus avancées et ajoutez du mouvement et du style à votre application. Vous découvrirez les différentes API Animation de Compose, comment implémenter Material Design 3, comment utiliser des mises en page personnalisées pour implémenter des conceptions complexes et comment utiliser des mises en page différées pour créer des interfaces utilisateur performantes.

 

Principes de base des mises en page et des modificateurs Compose

Vidéo

Découvrez les principes de base des mises en page et des modificateurs : comment ils interagissent, les API prêtes à l'emploi et la stylisation des interfaces utilisateur.

Mises en page minimalistes

Vidéo

Découvrez comment créer des listes déroulantes dans Compose et pourquoi il est plus simple d'utiliser RecyclerView. Découvrez pourquoi il est interdit d'imbriquer des listes déroulantes, comment procéder autrement, pourquoi les éléments ne doivent jamais avoir une taille de 0 pixel, pourquoi il est essentiel de fournir des clés uniques et comment fonctionnent les animations d'éléments. Enfin, découvrez comment afficher des grilles, utiliser des gestionnaires de mise en page personnalisés et optimiser les performances pour accélérer le défilement.

Système Material Design

Vidéo

Familiarisez-vous avec la couleur, la thématisation et les composants dynamiques de Material You dans Compose.

Appliquer un thème à votre application avec Material Design 3

Atelier de programmation

Dans cet atelier de programmation, vous allez apprendre à utiliser les API de thématisation Jetpack Compose pour personnaliser le style de votre application. Nous verrons comment personnaliser les couleurs, les formes et la typographie pour qu'elles soient utilisées de manière cohérente dans l'ensemble de l'application et qu'elles prennent en charge le thème clair et le thème sombre ainsi que la thématisation dynamique.

Appliquer un style au texte

Vidéo

Apprenez à utiliser les API Material pour configurer la typographie, y compris avec des polices téléchargeables et variables.

Cinq animations permettant de démarquer votre application

Vidéo

Découvrez cinq animations rapides afin de donner vie à votre application en quelques minutes.

Présentation du dessin dans Compose

Vidéo

Découvrez comment dessiner des éléments personnalisés dans Compose.

Animer des éléments

Atelier de programmation

Découvrez comment utiliser des API Compose Animation. Nous commençons par animer la valeur la plus simple et nous familiarisons avec d'autres API grâce à quelques schémas d'animation courants. Nous étudions aussi des thèmes plus avancés, tels que la personnalisation des animations et les animations basées sur des gestes tactiles.

Mises en page et éléments graphiques personnalisés

Vidéo Activité facultative

Compose propose diverses solutions prêtes à l'emploi pour créer des écrans rapidement et facilement à partir de zéro. Mais que se passe-t-il si vous devez aller plus loin et choisir un environnement entièrement personnalisé ? Découvrez d'autres concepts de mise en page avancés pour créer votre propre mise en page personnalisée et faire passer vos implémentations au niveau supérieur.

Contraintes et ordre des modificateurs

Vidéo Activité facultative

Dans Compose, les modificateurs peuvent être enchaînés et l'ordre dans lequel ils le sont est important. En quoi est-ce important ? Découvrez pourquoi les modificateurs doivent être enchaînés et comment cela influence la taille des composables.

Quiz

Testez vos connaissances et obtenez le badge Mises en page et animation.