Premiers pas avec Jetpack Compose

Jetpack Compose est le kit d'outils moderne permettant de créer des interfaces utilisateur Android et de simplifier le développement d'applications qui s'adaptent à toutes les tailles 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 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. Créez un modèle opérant avec Compose.
  • Gérer l'état : découvrez comment définir et utiliser l'état dans l'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 : 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 : découvrez 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 : 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 courants de 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 de manière à optimiser son utilisation par les services d'accessibilité et les frameworks de test.
  • Données à champ d'application local avec CompositionLocal : découvrez comment utiliser CompositionLocal pour transmettre des données via la composition.

UI adaptative

  • Créer des applications adaptatives : découvrez les principes fondamentaux de la création de mises en page optimisées pour toutes les tailles d'affichage, y compris les téléphones, les tablettes, les appareils pliables, et etc.
  • Appliquer des mises en page éprouvées : utilisez des mises en page standards telles que la mise en page Liste/Détail et le volet de support pour optimiser les applications sur les grands écrans.
  • Navigation adaptative : implémentez des modèles de navigation qui s'adaptent 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 : 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 de Compose et des vues : 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 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 Design dans Compose.
    • Mises en page personnalisées : découvrez comment contrôler pleinement et personnaliser la mise en page de votre application.
    • Lignes d'alignement : découvrez comment créer des lignes d'alignement personnalisées pour aligner précisément et positionner vos éléments d'interface utilisateur.
    • Mesures intrinsèques : découvrez 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 : 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 effectuer la migration de 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 pour le nouveau système de conception.
    • 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 les 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 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 basées sur des vues : découvrez comment migrer une application basée sur des 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.
  • 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.

Ressources supplémentaires