Comme vous avez pu le voir dans les recettes précédentes, les widgets sont déclarés dans un fichier de mise en page ou créés dans du code. Pour cette recette, nous allons étape par étape pour ajouter un bouton avec Android Studio Designer. (Pour les recettes ultérieures, nous allons simplement afficher la présentation XML à partir de TextView.) Après avoir créé le bouton, nous allons créer un onClickListener ().
Se préparer
Commencez un nouveau projet dans Android Studio et appelez-le Insertwidget. Utilisez les options par défaut pour créer un projet Téléphone et tablette et sélectionnez Activité vide lorsque vous êtes invité à entrer le type d'activité. Vous pouvez supprimer le TextView par défaut (ou le laisser) car il ne sera pas nécessaire pour cette recette.
Comment faire...
Pour insérer un widget dans une mise en page, procédez comme suit:
1. Ouvrez le fichier activity_main.xml dans Android Studio et cliquez sur l'onglet Conception.
t49]
2. Trouvez le bouton dans la liste des widgets et faites-le glisser au centre de l'écran d'activité sur la droite. Android définira automatiquement les paramètres de disposition en fonction de l'endroit où le bouton est déposé. Si vous centrez le bouton comme indiqué dans la capture d'écran, Android Studio définit ces paramètres dans le fichier XML.
3. Pour voir le fichier XML créé, cliquez sur l'onglet Texte comme indiqué dans la capture d'écran suivante. Voyez comment le bouton est centré en utilisant les paramètres RelativeLayout. Prenez également note de l'identifiant par défaut car nous en aurons besoin pour l'étape suivante.
-d0}
4. Maintenant, ouvrez le fichier MainActivity.java pour modifier le code. Ajouter le code suivant
à la méthode onCreate () pour configurer onClickListener ():
Bouton bouton = (Bouton) findViewByld (R.id.button); button.setOnClickListener (new View.OnClickListener () {
@Passer outre
public void onClick (Voir la vue) {
Toast.makeText (MainActivity.this, "Cliqué",
Toast.LENGTH_SHORT) .show ();
}
});
5. Exécutez l'application sur un périphérique ou un émulateur.
Comment ça marche...
La création de l'interface utilisateur avec Android Studio est aussi simple que de faire glisser et de déposer des vues. Vous pouvez également modifier les propriétés des vues directement dans l'onglet Conception. Passer au code XML est aussi simple que de cliquer sur l'onglet Texte.
Ce que nous avons fait ici est très commun dans le développement d'Android: créer l'interface utilisateur en XML, puis raccorder les composants de l'interface utilisateur (Views) dans le code Java. Pour référencer une vue à partir d'un code, un identifiant de ressource doit lui être associé. Ceci est fait en utilisant le paramètre id:
android: id = "@ + id / bouton"
Notre fonction onClickListener affiche un message pop-up sur l'écran appelé Toast, lorsque le bouton est enfoncé.
{Kb
Il y a plus...
Jetez un coup d'oeil au format de l'identifiant que nous avons précédemment créé, @ + id / button. Le @ spécifie que cela va être une ressource et le signe + indique une nouvelle ressource. (Si nous omettons d'inclure le signe plus, nous obtiendrons une erreur de compilation indiquant qu'aucune ressource ne correspond au nom indiqué).
Voir également
► Butter Knife (Projet Open Source) -Field et méthode de liaison pour Android Views:
http://jakewharton.github.io/butterknife/