Premiers pas avec Jetpack Compose

Jetpack Compose est un kit d'outils moderne permettant de créer une interface utilisateur Android native. Vous trouverez ici les dernières informations concernant l'utilisation de Compose.

  • Présentation: consultez toutes les ressources disponibles pour les développeurs Compose.
  • Tutoriel: commencez à utiliser Compose en créant une UI simple.
  • Guides rapides: nouveau ! Essayez nos guides rapides et ciblés, conçus pour vous aider à atteindre votre objectif le plus rapidement possible.

Fondation

  • Raisonnement dans Compose: découvrez les différences entre l'approche déclarative de Compose et l'approche basée sur les vues que vous avez pu utiliser précédemment, et comment créer un modèle opérant avec Compose.
  • Gérer l'état: découvrez comment définir et utiliser l'état dans votre application Compose.
  • Cycle de vie des composables: découvrez le cycle de vie d'un composable et comment Compose décide s'il doit être redessiné.
  • Modificateurs: découvrez comment utiliser les modificateurs pour enrichir ou "décorer" vos composables.
  • Effets secondaires dans Compose: découvrez les meilleurs moyens de gérer les effets secondaires.
  • Phases Jetpack Compose: découvrez les étapes par lesquelles Compose passe pour afficher votre interface utilisateur et comment utiliser ces informations pour écrire efficacement votre code.
  • Couches architecturales: découvrez les couches architecturales de Jetpack Compose et les principes fondamentaux qui ont guidé sa conception.
  • Performances: découvrez comment éviter les pièges liés à la programmation susceptibles de nuire aux performances de votre application.
  • Sémantique dans Compose: découvrez l'arborescence sémantique, qui organise votre UI d'une manière pouvant être utilisée par les services d'accessibilité et le framework de test.
  • Données à champ d'application local avec CompositionLocal: découvrez comment utiliser CompositionLocal pour transmettre des données via la composition.

Environnement de développement

  • Android Studio avec Compose: configurez votre environnement de développement pour utiliser Compose.
  • Outils pour Compose: découvrez les nouvelles fonctionnalités d'Android Studio compatibles avec Compose.
  • Kotlin pour Compose: découvrez comment fonctionnent certains idiomes spécifiques à Kotlin avec Compose.
  • Comparer les métriques Compose et View: découvrez comment la migration vers Compose peut affecter la taille de l'APK et les performances d'exécution de votre application.
  • Nomenclature: gérez toutes vos dépendances Compose en ne spécifiant que la version de la nomenclature.

Conception

  • Mises en page: découvrez les composants de mise en page natifs de Compose et apprenez à en créer.
    • Principes de base de la mise en page: découvrez les éléments de base d'une interface utilisateur d'application simple.
    • Composants et mises en page Material: découvrez les composants et les mises en page Material dans Compose.
    • Mises en page personnalisées: découvrez comment contrôler la mise en page de votre application et créer votre propre mise en page personnalisée.
    • Compatibilité avec différentes tailles d'écran: découvrez comment utiliser Compose pour créer des mises en page qui s'adaptent à différentes tailles d'écran, orientations et différents facteurs de forme.
    • Lignes d'alignement: découvrez comment créer des lignes d'alignement personnalisées pour aligner et positionner précisément vos éléments d'interface utilisateur.
    • Mesures intrinsèques: puisque Compose ne vous permet de mesurer les éléments d'UI qu'une seule fois par transmission, cette page explique comment envoyer une requête sur les éléments "enfant" avant de les mesurer.
    • ConstraintLayout: découvrez comment utiliser ConstraintLayout dans l'interface utilisateur Compose.
  • Systèmes de conception: découvrez comment implémenter un système de conception et harmoniser l'apparence de votre application.
  • Listes et grilles: découvrez certaines des options de Compose pour la gestion et l'affichage des listes et des grilles de données.
  • Texte: découvrez les principales options de Compose pour l'affichage et la modification du texte.
  • Graphiques: découvrez les fonctionnalités de Compose pour la création et l'utilisation de graphiques personnalisés.
  • Animation: découvrez les différentes options de Compose pour animer les éléments de votre UI.
  • Gestes: découvrez comment créer une UI Compose qui détecte les interactions des utilisateurs et les utilise.
  • Gérer les interactions des utilisateurs: découvrez comment Compose extrait les entrées de bas niveau pour les transformer en interactions de niveau supérieur afin de pouvoir personnaliser la réponse de vos composants aux actions des utilisateurs.

Adoption de Compose

  • Migrer des applications existantes basées sur les vues: découvrez comment migrer votre application existante basée sur les vues vers Compose.
    • Stratégie de migration: découvrez comment intégrer Compose de manière sécurisée et incrémentielle dans votre codebase.
    • API d'interopérabilité: découvrez les API de Compose qui vous aideront à combiner Compose avec une UI basée sur les vues.
    • Autres considérations: découvrez d'autres considérations telles que la thématisation, l'architecture et les tests lors de la migration d'une application basée sur des vues vers Compose.
  • Compose et autres bibliothèques: découvrez comment utiliser des bibliothèques basées sur des vues dans votre contenu Compose.
  • Architecture de Compose: découvrez comment implémenter le modèle de flux unidirectionnel dans Compose, ainsi que les événements et les conteneurs d'état, et comment utiliser ViewModel dans Compose.
  • Navigation: découvrez comment utiliser NavController pour intégrer le composant Navigation à votre interface utilisateur Compose.
  • Ressources: découvrez comment utiliser les ressources de votre application dans votre code Compose.
  • Accessibilité: découvrez comment adapter votre interface utilisateur Compose à des utilisateurs ayant différentes exigences en matière d'accessibilité.
  • Tests: découvrez comment tester votre code Compose.

Ressources supplémentaires