Vidéo: [NAVIGATION ARCHITECTURE COMPONENT] - Editor de navegación visual en Android Studio 2025
L'éditeur de navigation d'Android Studio vous permet de contrôler le flux d'une application d'une activité à une autre dans une application. Pour ce faire, essayez l'expérience suivante:
-
Lancez Android Studio et créez un nouveau projet Android.
Lorsque vous créez le projet, acceptez toutes les valeurs par défaut.
-
Dans le menu principal d'Android Studio, choisissez Outils → Android → Editeur de navigation.
Dans ce cas, Android Studio affiche une représentation graphique du contenu de l'un des fichiers de votre projet. Le nom du fichier est principal. nvg. xml.
L'éditeur de navigationIci, l'éditeur de navigation illustre une relation entre l'activité principale de votre application et le menu de l'activité principale.
-
Cliquez avec le bouton droit de la souris (sur un PC) ou cliquez tout en maintenant la touche Contrôle enfoncée (sur un Mac) n'importe où dans la zone grise du panneau Editeur de navigation.
Lorsque vous le faites, vous voyez un menu contextuel contenant un élément Nouvelle activité.
-
Cliquez sur l'élément Nouvelle activité.
Android Studio affiche la boîte de dialogue habituelle Ajouter une activité à un mobile.
-
Sélectionnez Activité vide, puis cliquez sur Suivant.
Comme d'habitude, vous voyez une boîte de dialogue Personnaliser l'activité.
-
Acceptez les valeurs par défaut. (C'est-à-dire, cliquez sur Terminer.)
Par conséquent, vous revenez à l'éditeur de navigation d'Android Studio. Maintenant, l'éditeur affiche deux activités.
Vous avez deux activités!Si vous regardez la fenêtre de l'outil Projet, vous voyez MainActivity et Main2Activity dans l'arborescence de la fenêtre de l'outil.
-
Dans l'éditeur de navigation, double-cliquez sur l'image de MainActivity d'origine.
Dans ce cas, Android Studio ouvre l'outil Designer et affiche un aperçu de l'écran MainActivity.
-
Dans la palette, faites glisser un bouton sur l'écran MainActivity.
Votre objectif est de faire un clic sur ce bouton pour lancer l'autre activité (Main2Activity). Voici où l'éditeur de navigation montre son vrai muscle!
Recherchez les onglets qui apparaissent au-dessus de l'outil Concepteur. Un des onglets est étiqueté principal. nvg. xml.
-
Revenez à l'éditeur de navigation en sélectionnant la principale. nvg. onglet xml.
Dans la représentation graphique MainActivity de l'éditeur de navigation, vous voyez le bouton que vous avez ajouté à l'étape 8.
-
Maintenez la touche Maj enfoncée et faites glisser le pointeur de la souris du bouton sur l'image de la seconde activité (Main2Activity).
Lorsque vous le faites, Android Studio dessine une flèche entre le bouton et la deuxième activité.
Cliquer sur le bouton lance la deuxième activité -
Sélectionnez MainActivity. onglet java juste au-dessus de l'éditeur de navigation.
Dans le code, vous pouvez voir que le clic du bouton lance la deuxième activité.
@Override protected void onCreate (Regrouper savedInstanceState) {super. onCreate (savedInstanceState); setContentView (disposition R., activité_main); findViewById (bouton R.ID). setOnClickListener (nouvelle vue OnClickListener () {@Overide public void onClick (Voir v) { startActivity (nouvelle Intent (MainActivity this, Main2Activity. class)); } });}
Vous n'avez pas eu à taper ce code. L'éditeur de navigation a composé le code pour vous. De plus, l'éditeur de navigation peut vous donner une représentation graphique du flux d'activités au sein de votre application. À mesure que la complexité de votre application augmente et que le flux devient complexe, il peut être très utile de disposer d'une image du flux.
-
Exécutez votre application et cliquez sur le bouton de l'activité principale d'origine.
Bien sûr, ça marche. Mais essayez quand même, juste pour sentir le pouvoir!
