Outils pour Compose

Android Studio propose un grand nombre de nouvelles fonctionnalités spécialement conçues pour Jetpack Compose. Il adopte une approche axée sur le code tout en améliorant la productivité des développeurs, sans avoir à choisir entre l'utilisation de l'interface de conception ou de l'éditeur de code.

L'une des différences fondamentales entre une UI basée sur les vues et Jetpack Compose est que Compose ne s'appuie pas sur View pour afficher ses composables. En raison de cette approche architecturale, Android Studio propose des fonctionnalités étendues pour Jetpack Compose sans avoir à ouvrir un émulateur ni à se connecter à un appareil. Par rapport aux vues Android, cela permet aux développeurs d'implémenter leurs conceptions d'interface utilisateur plus rapidement et de façon itérative.

Pour activer les fonctionnalités spécifiques à Android Studio pour Jetpack Compose, vous devez ajouter ces dépendances dans le fichier build.gradle(.kts) de votre application. Vous pouvez utiliser la nomenclature ou définir les dépendances individuellement.

Nomenclature

  val composeBom = platform("androidx.compose:compose-bom:2024.06.00")
  implementation(composeBom)

  debugImplementation("androidx.compose.ui:ui-tooling")
  implementation("androidx.compose.ui:ui-tooling-preview")

Individuellement

  debugImplementation("androidx.compose.ui:ui-tooling:1.6.8")
  implementation("androidx.compose.ui:ui-tooling-preview:1.6.8")

Design

Créer des composants, des systèmes de conception et des écrans pour s'aligner sur les spécifications de conception.
Paramètre d'aperçu Aperçu multiple
L'annotation @Preview vous permet de prévisualiser vos composables. Découvrez comment les prévisualiser, les organiser et interagir avec.
Aperçu de l'animation
Android Studio vous permet de concevoir et d'inspecter des animations à l'aide du volet d'aperçu de l'animation. Vous pouvez ainsi prévisualiser une animation image par image et vous assurer qu'elle s'aligne sur le comportement requis.

Développer

Accélérez la création de l'interface utilisateur et le test de l'application en cours d'exécution avec moins de changement de contexte.
Modification en temps réel
Découvrez comment utiliser la fonctionnalité de modification en temps réel et appliquer des modifications pour éviter une compilation complète et accélérer votre processus de développement.
Modèles actifs Icônes dans la marge
Découvrez comment utiliser les fonctionnalités de la fenêtre de l'éditeur Android Studio pour améliorer la productivité.

Déboguer

Déboguez votre UI Compose pour comprendre votre application. Découvrez comment analyser la mise en page, les recompositions et le traçage des compositions afin d'améliorer les performances de l'UI de votre application.
Nombre de recompositions Sémantique
Découvrez comment inspecter une mise en page Compose dans un émulateur ou sur un appareil physique.
Traçage système
Utilisez le traçage de composition pour tracer vos fonctions modulables dans une trace système.

Outils supplémentaires

Relay permet de transférer instantanément les composants de l'interface utilisateur Android entre les concepteurs et les développeurs. Les concepteurs peuvent utiliser le plug-in Relay for Figma pour annoter et empaqueter des composants d'interface utilisateur pour les développeurs, y compris des informations sur la mise en page, le style, le contenu dynamique et le comportement des interactions.

Dernières actualités et vidéos