Jetpack Compose

Découvrez Compose, un kit d'outils moderne permettant de créer une interface utilisateur Android native.

 

Tutoriel : principes de base de Jetpack Compose

Article Activité facultative

Découvrez les principes de base de Compose et comment créer un composant d'interface utilisateur simple à l'aide de fonctions déclaratives. Familiarisez-vous avec les fonctions modulables, les mises en page basiques et le fonctionnement de Material Design, des listes et des animations dans Compose.

Nouveautés de Jetpack Compose

Vidéo Activité facultative

Découvrez le fonctionnement de Jetpack Compose, en quoi consiste un kit d'outils d'interface utilisateur déclaratif et comment utiliser Compose pour créer des interfaces utilisateur esthétiques.

Raisonnement dans Compose

Article Activité facultative

Découvrez en quoi l'approche déclarative de Compose diffère de l'approche basée sur les vues que vous avez utilisée précédemment.

Principes de base de Jetpack Compose

Atelier de programmation

Passez à la pratique et familiarisez-vous avec les principes de base de l'interface utilisateur déclarative, en travaillant avec les états, les mises en page et les thèmes. Vous découvrirez en quoi consistent les composants et les modificateurs, comment utiliser les éléments de base de l'interface utilisateur tels que les lignes et les colonnes, et comment définir l'état de votre appli.

Mises en page dans Jetpack Compose

Atelier de programmation

Découvrez le fonctionnement des mises en page dans Jetpack Compose, y compris : les mises en page intégrées, les modificateurs et la création de votre propre mise en page personnalisée.

Utiliser l'état dans Jetpack Compose

Atelier de programmation

Découvrez des modèles de travail avec état dans un monde déclaratif en créant une appli "Liste de tâches". Apprenez-en plus sur les flux de données unidirectionnels, les éléments composables sans état et avec état, les API d'emplacement, l'utilisation de ViewModels dans Compose, et plus encore.

Thématisation Jetpack Compose

Atelier de programmation

Apprenez à utiliser Material Design dans Compose pour découvrir comment personnaliser les couleurs, la typographie et les formes d'une appli, et proposer un thème clair et sombre.

Animation Jetpack Compose

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.

Navigation avec Jetpack Compose

Atelier de programmation

Découvrez comment utiliser la bibliothèque de navigation Jetpack dans Compose, naviguer dans votre appli, naviguer avec des arguments, accepter les liens profonds et tester votre navigation.

Tester dans Jetpack Compose

Atelier de programmation

Découvrez les tests d'interfaces utilisateur Jetpack Compose. Rédigez vos premiers tests, et découvrez comment les effectuer de manière isolée, les déboguer, les synchroniser et utiliser l'arborescence sémantique.

Accessibilité dans Jetpack Compose

Atelier de programmation

Découvrez comment faciliter l'utilisation de votre appli, en particulier pour les utilisateurs en situation de handicap. Augmentez la taille des zones cibles tactiles, ajoutez des descriptions de contenu, créez des actions personnalisées, et plus encore.

Effectuer une migration vers Jetpack Compose

Atelier de programmation

Familiarisez-vous avec la migration pratique d'une appli basée sur des vues vers Jetpack Compose, et découvrez comment adopter progressivement cette approche et explorer ses implications sur votre architecture et vos tests.

État avancé et effets secondaires dans Jetpack Compose

Atelier de programmation

Découvrez les concepts avancés liés aux API d'état et d'effets secondaires dans Jetpack Compose. Découvrez comment créer un conteneur d'état pour des composants complexes avec état, créer des coroutines et appeler des fonctions de suspension à partir du code Compose, et déclencher des effets secondaires pour différents cas d'utilisation.