Jetpack Compose est un kit d'outils moderne permettant de créer des interfaces utilisateur Android et de simplifier le développement d'applications qui s'adaptent à n'importe quelle taille d'écran.
- Aperçu : Consultez les ressources disponibles pour les développeurs Compose.
- Tutoriel : commencez à utiliser Compose en créant une UI de base.
- Guides rapides : 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 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. Créez un modèle mental pour travailler avec Compose.
- Gérer l'état : définir et utiliser l'état dans votre application Compose.
- Cycle de vie des composables : cycle de vie d'un composable et manière dont Compose détermine s'il doit être redessiné.
- Modificateurs : utilisez des modificateurs pour enrichir ou décorer vos composables.
- Effets secondaires dans Compose : découvrez comment gérer les effets secondaires.
- Phases Jetpack Compose : les étapes par lesquelles Compose passe pour afficher l'UI de votre application et comment utiliser ces informations pour écrire efficacement votre code.
- Couches architecturales : les couches architecturales qui composent Jetpack Compose et les principes fondamentaux qui ont guidé la conception de Compose.
- Performances : évitez les pièges liés à la programmation susceptibles de nuire aux performances de votre application.
- Sémantique dans Compose : l'arborescence sémantique, qui organise votre UI pour optimiser son utilisation par les services d'accessibilité et les frameworks de test.
- Données à champ d'application local avec CompositionLocal : utilisez
CompositionLocalpour transmettre des données via la composition.
UI adaptative
- Créer des applications adaptatives : découvrez les principes de base de la création de mises en page optimisées pour toutes les tailles d'écran, y compris les téléphones, les tablettes, les appareils pliables et plus encore.
- Appliquez des mises en page éprouvées : utilisez des mises en page standards comme liste/détails et le panneau secondaire pour optimiser les applications sur les grands écrans.
- Navigation adaptative : implémentez des schémas de navigation qui s'ajustent automatiquement à l'espace d'affichage disponible.
Environnement de développement
- Android Studio avec Compose : découvrez comment configurer votre environnement de développement pour utiliser Compose.
- Outils pour Compose : nouvelles fonctionnalités d'Android Studio compatibles avec Compose.
- Kotlin pour Compose : les idiomes spécifiques à Kotlin fonctionnent avec Compose.
- Comparer Compose et afficher les métriques : 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 : composants de mise en page Compose et comment concevoir les vôtres.
- Principes de base de la mise en page : les composants principaux d'une UI d'application simple.
- Composants et mises en page Material : composants et mises en page Material dans Compose.
- Mises en page personnalisées : contrôlez la mise en page de votre application et créez-en une personnalisée.
- Lignes d'alignement : créez des repères d'alignement personnalisés pour aligner et positionner précisément vos éléments d'UI.
- Mesures intrinsèques : comment envoyer une requête sur les éléments enfants avant de les mesurer, car Compose ne mesure les éléments d'UI qu'une seule fois par transmission.
- ConstraintLayout : utilisez
ConstraintLayoutdans votre interface utilisateur Compose.
- Systèmes de conception : implémentez un système de conception et harmonisez l'apparence de votre application.
- Material Design 3 : implémentez Material You avec l'implémentation de Material Design 3 dans Compose.
- Migrer de Material 2 vers Material 3 : migrez votre application de Material Design 2 vers Material Design 3 dans Compose.
- Material Design 2 : personnalisez l'implémentation de Material Design 2 dans Compose afin de l'adapter à la marque de votre produit.
- Systèmes de conception personnalisés : implémentez un système de conception personnalisé dans Compose et adaptez les composables Material Design existants pour le nouveau système de conception.
- Anatomie d'un thème : constructions et API de niveau inférieur utilisées par
MaterialThemeet les systèmes de conception personnalisés.
- Listes et grilles : options Compose pour gérer et afficher des listes et des grilles de données.
- Texte : principales options de Compose pour l'affichage et la modification du texte.
- Graphiques : fonctionnalités de Compose pour la création et l'utilisation de graphiques personnalisés.
- Animation : options Compose pour animer les éléments de votre UI.
- Gestes : créez 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 basées sur les vues : migrez votre 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é : API Compose qui vous aident à combiner Compose avec une UI basée sur les vues.
- Autres considérations : thématisation, architecture, tests et autres considérations 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 : implémentez le modèle de flux unidirectionnel dans Compose, implémentez des événements et des conteneurs d'état, et utilisez
ViewModeldans Compose. - Navigation : utilisez
NavControllerpour intégrer le composant Navigation à votre UI Compose. - Ressources : utilisez les ressources de votre application dans votre code Compose.
- Accessibilité : répondez aux besoins des utilisateurs en termes d'accessibilité.
- Tests : testez 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