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.
- Aperçu: 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 la manière dont Compose détermine 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 interface utilisateur pour optimiser son utilisation 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 composants principaux d'une UI 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 pleinement et personnaliser la mise en page de votre application.
- 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.
- Material Design 3: découvrez comment implémenter Material You avec l'implémentation de Material Design 3 dans Compose.
- Migrer de Material 2 vers Material 3: découvrez comment migrer votre application de Material Design 2 vers Material Design 3 dans Compose.
- Material Design 2: découvrez comment personnaliser l'implémentation de Material Design 2 dans Compose afin de l'adapter à la marque de votre produit.
- Systèmes de conception personnalisés: découvrez comment implémenter un système de conception personnalisé dans Compose et adapter les composables Material Design existants.
- Anatomie d'un thème: découvrez les constructions et les API de niveau inférieur utilisés par
MaterialTheme
et les systèmes de conception personnalisés.
- 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 une application 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 UI Compose.- Navigation pour les interfaces utilisateur responsives: découvrez comment concevoir la navigation de votre application pour l'adapter à différentes tailles d'écran, orientations et différents facteurs de forme.
- Ressources: découvrez comment utiliser les ressources de votre application dans votre code Compose.
- Accessibilité: découvrez comment adapter l'UI Compose à des utilisateurs ayant des besoins différents en termes d'accessibilité.
- Tests: découvrez comment tester votre code Compose.
- Aide-mémoire pour les tests: un aperçu rapide des API de test les plus utiles pour Compose.
Ressources supplémentaires
- Configuration
- Parcours de formation sélectionné
- Consignes relatives à l'API Compose
- Documentation de référence de l'API
- Ateliers de programmation
- Exemples d'applications
- Vidéos
Recommandations personnalisées
- Remarque : Le texte du lien s'affiche lorsque JavaScript est désactivé
- Données à champ d'application local avec CompositionLocal
- Autres points à prendre en compte
- Anatomie d'un thème dans Compose