Vidéo: Ionic tutoriel 1 : créer votre première application hybride 2025
Souvent, les cases à cocher et les boutons de votre application Android sont utiles dans plus d'une situation. Vous pouvez placer ces widgets dans une application avec un mot de confirmation. Vous pouvez utiliser les mêmes widgets dans une application différente avec une photo d'une pizza sous les widgets. D'une façon ou d'une autre, cela vaut la peine de sauvegarder la mise en page contenant ces widgets. Vous enregistrez ces widgets dans un nouveau document de ressource de mise en page (un document blahblah .xml dans le répertoire res / layout).
-
Ouvrez votre projet.
-
Dans l'écran d'aperçu, cliquez dans un endroit neutre à l'intérieur de la disposition linéaire verticale que vous avez créée.
Assurez-vous de voir le contour de la mise en page qui contient à la fois les cases à cocher et le bouton. Si vous avez des difficultés à sélectionner cette disposition, vous pouvez ignorer l'écran d'aperçu et sélectionner la branche LinearLayout (verticale) dans l'arborescence des composants.
-
Dans le menu principal d'Android Studio, choisissez Refactor → Refactor This.
Un menu contextuel contenant les options Style et Mise en page apparaît.
-
Dans le menu contextuel, sélectionnez Mise en page.
Une boîte de dialogue Extraire la disposition Android apparaît.
-
Dans le champ Nom de fichier de la boîte de dialogue, tapez le nom de votre nouveau document de ressource.
Vous trouverez ci-dessous réutilisable. xml .
Les noms des fichiers de ressources d'Android ne doivent pas contenir de majuscules. Vous pouvez utiliser des lettres minuscules et des traits de soulignement. Vous ne pouvez pas utiliser la convention de nommage "camelCase" habituelle de Java avec des noms comme reUsableLayout. xml. Et, oui, un nom de fichier de mise en page doit se terminer avec l'extension. xml.
La boîte de dialogue Extraire la disposition Android. -
Cliquez sur OK pour fermer la boîte de dialogue.
La branche app / res / layout de la fenêtre de l'outil Project a maintenant un nouvel élément. Si vous avez nommé le fichier comme indiqué à l'étape 5, la branche est intitulée reusable_layout. xml.
-
Double-cliquez sur le fichier réutilisable_layout. branche xml dans la fenêtre de l'outil Projet.
Android Studio affiche l'outil Designer pour la version réutilisable. fichier xml.
-
Assurez-vous que l'outil Designer est en mode Conception (par opposition au mode Texte).
En mode Conception, vous pouvez voir l'arborescence des composants.
-
Notez les étiquettes sur les branches dans l'arborescence des composants.
Recherchez des noms tels que checkBox, checkBox2 et le bouton.
Pour modifier l'identifiant d'un élément, double-cliquez sur cet élément dans l'écran d'aperçu. Le menu contextuel résultant a un champ de texte étiqueté id. Changez tout ce qui est entré dans ce champ de texte.
L'arbre des composants.
Félicitations! Vous avez un groupe de widgets que vous pouvez utiliser et réutiliser.
