Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Android : L'interaction avec les appareils

Créer un menu

Testez gratuitement nos 1336 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Dans cette séquence, vous apprendrez à créer un menu. Puis, vous récupérerez une icône dans la base d'images Material Design et vous apprendrez à l'utiliser.
05:56

Transcription

Dans cette vidéo, je vais vous montrer comment utiliser les menus dans une application ANDROID. et comment récupérer des icônes MATERIAL DESIGN mis à disposition. Sur ce site, je peux trouver tout un tas d'icônes MATERIAL DESIGN mises à disposition. J'en séléctionne une au hasard. Je vais pouvoir choisir sa taille. Je la séléctionne sur fond blanc. Je clique pour la télécharger. Une fois le dossier dézippé, je vais voir les trois versions possibles pour iOS, pour un site web ou pour ANDROID. dans notre cas nous allons prendre pour ANDROID. Je me retrouve avec les cinq dossiers représentant les cinq résolutions. Chacune contenant leur propre image à la bonne taille. Je sélectionne ces cinq dossiers et pour les intégrer à mon projet, je clique sur « res », « Ctrl+v » sur PC ou « commande+v » sur MAC pour coller. Il m'ajoute les cinq dossiers. Si les cinq dossiers étaient déjà présents, il se contenterai de rajouter l'icône au dossier. Et j'ai donc maintenant mon image. Il existe une deuxième façon de rajouter des images. Clic droit sur res « New » « Image Asset » « Action bar and tab icon », j'agrandis un peu la fenêtre, je clique sur le petit bonhomme, et je vais pouvoir choisir une deuxième image. La première est aussi accessible ici. J'en prends une deuxième, je lui donne un autre nom. Je vais pouvoir choisir un thème, foncé ou clair, ou même choisir ma propre couleur, définir le contour de l'image. Ici j'ai enlevé le contour. « Next ». Le rendu. Et voilà, ma deuxième image a été ajoutée, j'ai donc maintenant deux icônes dans mon application. Alors, passons au menu. Pour vous expliquer les menus, je vais avoir besoin de revenir sur le cycle de vie de l'activité. Il existe dans notre catalogue de formation des vidéos plus précises sur ce sujet, mais pour rappel, voici le cycle de vie de l'activité, c'est-à-dire tous les états par lesquels passe notre activité avant d'être affichée à l'écran. Notre menu va se créer dans une méthode qui intervient après le UNRESUME. Cette méthode s'appelle « onCreateOptionsMenu ». Je commence à écrire « onCreateOptionsMenu », il me propose la méthode. Je vais donc utiliser le pointeur vers menu qu'il me donne pour pouvoir compléter le menu existant. S'il n'y a rien dans le menu, celui-ci ne s'affichera tout simplement pas. Je vais donc rajouter un élément. Il existe plusieurs méthodes « add ». Pour comprende l'utilité des paramètres, j'appuie sur la touche « Ctrl », je reste appuyé dessus et je clique sur la méthode « add ». Je vais choisir celle-ci et là, j'ai la documentation de la méthode « add » avec ce que font tous les paramètres. On va ignorer le premier. « Item ID » est le paramètre qui va nous permettre de donner un ID à notre « item » afin de pouvoir l'identifier quand on va cliquer dessus. L' « order » nous permettra de ranger les items dans un autre ordre que l'ordre d'ajout et le dernier, c'est simplement le titre. Donc le premier on va le mettre à zéro, le deuxième je vais lui donner un « item », le troisième je le remet à zéro. Je ne gère pas l'ordre, je garde l'ordre d'insertion et je lui donne un texte. J'ai donc un élément dans mon menu. Je vais en rajouter un deuxième. Pour le deuxième, je vais changer donc le titre et l'ID. Je peux donc maintenant lancer mon application. Maintenant qu'il y a quelque chose dans mon menu, j'ai les trois petits points qui apparaissent et j'ai donc ici mes deux menus. Je peux cliquer dessus, mais il ne se passe rien. Alors, pour intercepter ces clics, une deuxième méthode de notre cycle de vie d'activité, « onOptionItemSelected » qui représente un « call back » sur notre menu. Il ne me reste plus qu'à identifier sur quel « item » j'ai cliqué. Bon ici, j'aurai pu ne mettre qu'une seule ligne. C'est juste pour montrer comment dédifférencier les différents « items ». Je relance mon application, et voilà, j'ai pu intercepter mes clics. Maintenant, histoire d'être plus propre, je vais mettre en constante statique mes « ID ». Ces deux « items », je les remplace. Voilà une façon plus propre de travailler. Si maintenant je veux rajouter une image à mon menu, je vais pouvoir compléter, lors de son ajout, cette icône et lui donner le chemin d'une des deux icônes que j'ai ajoutées. Mais il va falloir en plus que je lui indique que je veux que cette icône apparaisse sur notre barre. Pour cela, on va appeler la méthode « setShowsAsAction » et si j'appuie sur la touche « Ctrl+espace », il va me proposer les arguments attendus. Nous allons utiliser « showAsAction always » qui veut dire qu'on la met tout le temps sur la barre, il en existe d'autres qui permettent de la mettre uniquement s'il y a de la place. Je lance mon application, et là, nous avons notre menu qui apparait ici et qui a disparu des trois petits points. Il est impossible de mettre des images à l'intérieur du menu inclu dans les trois petits points. Voilà pour l'utilisation des menus sous ANDROID.

Android : L'interaction avec les appareils

Exploitez les outils mis à disposition par le kit de développement Android. Améliorez l’expérience utilisateur de vos applications​ mobiles​ avec les composants et les animations.

1h58 (23 vidéos)
Aucun commentaire n´est disponible actuellement
 

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !