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

Découvrir le développement d'applications avec Android 5

Utiliser l'AppBar

Testez gratuitement nos 1340 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Apprenez à utiliser l'AppBar pour donner de la cohérence à votre application et permettre à l'utilisateur de trouver ses repères.
06:40

Transcription

Nous allons voir un élément particulier qui s'appelle la appBar. Vous l'avez peut-être déjà entendu sous le nom de ActionBar, c'était l'ancien nom. Ça a été renommé récemment en appBar. Alors justement, cette appBar elle existe depuis assez longtemps, depuis Android 2.1 donc API level 7. Elle a cessé d'évoluer depuis. C'est à dire qu'ils ont ajouté des choses, ils en ont retiré elle a beaucoup évolué au fur et à mesure des API level et donc la recommandation de Google à l'heure actuelle, c'est de ne pas utiliser la version native, c'est à dire de ne pas utiliser celle qui est fournie avec chaque version du SDK. Pourquoi ? Justement parce que si vous supportez plusieurs versions de l'OS, vous avez une appBar qui ne va pas être la même en fonction des téléphones qui vont lancer votre application. En terme de rendu, mais en terme d'utilisation aussi, et ça va être très compliqué pour vous de gérer la compatibilité ce que vous voudriez est quelque chose de consistant entre les différentes versions Ce qui est recommandé c'est d'utiliser encore une fois la librairie de support puisque dans la librairie de support, à chaque fois qu'il y avait une mise à jour sur la dernière version d'Android, elle était intégrée aussi dans la librairie de support donc vous avez l'appBar de la librairie de support, vous êtes quasiment sûr d'avoir une application qui aura une apparence consistante entre les différentes versions, et en tous les cas vous n'aurez pas de crash parce que vous aurez fait des bêtises, c'est pas vous qui allez gérer la compatibilité. C'est le boulot de la librairie de support donc pour utiliser la librairie de support pour cette appBar, il y a finalement peu de choses à faire, il suffit bien sûr d'avoir la librairie de support installée, mais ça, si vous avez utilisé l'assistance, ça se fait par défaut, je vais quand même vous montrer où est-ce qu'on met cette librairie de support pour être sûr que vous l'ayez. Donc c'est dans les fichiers Gradle, celui de votre module app, que vous avez dans les dépendances, compile com android support app contact V7 Ça veut dire que ça introduit tous les nouveaux changements de la librairie de support, et que ça reste compatible jusqu'à l'API level 7. C'est eux qui gèrent la rétrocompatibilité et qui essaie de porter les nouvelles fonctionnalités jusqu'à des vieux OS. Donc une fois que vous avez cette librairie de support, vous pouvez dans votre fichier XML utiliser ceci Donc on ajoute support design appBar layout et la toolbar du support V7 qui donc, tout ça, ça nous construit en fait notre layout, et la barre du haut qu'on a ici. Deuxième chose à faire pour utiliser une toolBar, ça va être que votre activité hérite de appCompatActivity. Pour utiliser celle de support en tout cas Donc une fois que vous l'avez fait que vous avez ajouté votre toolbar ici, vous lui avez donné un ID : IDtoolbar, Quand vous avez chargé votre activité, vous faites un fineViewByID comme on a fait tout à l'heure pour le label pour récupérer votre toolbar dans une variable, et vous appelez la fonction setSupportActionBar ne vous trompez pas, c'est bien SupportActionBar et vous lui passez la toolbar. À partir de là, lui il saura s'en servir correctement. Et ça, ça vous permet d'avoir quelque chose de rétrocompatible et de ne pas avoir à vous préoccuper de votre côté de gérer les anciennes versions. Pour configurer cette appBar, vous avez un fichier XML à fournir qui est ici, Donc mon menu qui est ici, là, pour l'instant, il y a un seul item. Je vais cliquer sur les trois points pour voir, c'est l'item settings. Donc on voit title settings, ils utilisent une constante dans le fichier strings Il y a plusieurs paramètres, notamment l'ID qui est vraiment important pour nous le titre et il y a autre chose qui m'intéresse, c'est showAsAction Quand il y a marqué never, ça veut dire qu'il n'y aura pas d'icône visible dans cette barre-là. comme s'il y avait pas assez de place, il le met automatiquement dans un menu complémentaire à la fin. Soit on va ajouter des items, on peut faire pareil. Donc je vais ajouter un item avec un ID, juste ID Action droid pour avoir une cohérence quant à son nommage le titre, il m'intéresse pas trop, je vais le mettre quand même, droid Et app, deux points, show Alors attention, juste pour vous montrer, si vous commencez à taper show AsAction et que vous appuyez sur Entrée, il va vous mettre donc Android, deux points, showAsAction Je vais vous expliquer pourquoi ça va pas, on va finir de le remplir. Donc il y a le never qu'on a vu tout à l'heure, on peut prendre ça pour l'instant pour vous montrer, je vous montrerai après ce qu'on peut faire d'autre. Et là je devrais avoir du rouge, voilà c'est ça, il me le montre en rouge en me disant : vous avez utilisé le namespace android=showAsAction Celui-ci, ce n'est pas celui de la librairie de support, c'est celui de la librairie normale, donc qu'il s'en soit rendu, qu'il me le souligne en rouge, donc je vais remplacer mon Android par app ça utilise le namespace de la librairie de support automatiquement Donc là, j'aurai mon item qui va s'ajouter je vais lancer mon application, Et en cliquant ici, on a cette fois-ci droid et settings, pour l'instant j'ai pas d'action particulière sur droid, donc il ne se passe rien. Ce que je veux faire moi ça serait voir cette icône, c'est à dire, si j'ai de la place, plutôt d'avoir un icône ici qui soit sympa, plutôt que d'avoir uniquement du texte. Donc au lieu de never, je vais mettre if room, si tu as la place, tu mets le droid, sinon tu le mets à côté. Du coup, il va me falloir un icône, donc je vais rajouter la propriété icône je vais prendre l'icône de l'application, mipmap ic launcher, c'est l'icône de mon application, et je vais lancer pour vérifier que ça rend bien. Effectivement, j'ai bien mon droid qui a été ajouté ici, ce qui me reste à vous montrer c'est comment faire en sorte d'utiliser cette action, d'exécuter quelque chose pour de vrai quand ça arrive. Donc ça, c'est dans mainActivity, on revient ici, c'est ici en fait qu'ils ont fait le lien entre la toolbar et le fichier XML que je vous ai montré tout à l'heure, je ne vous ai pas montré comment le lien avait été fait. Et là, il y a le onCreate option menu, c'est là qu'il crée la barre et qu'on utilise le fichier XML, et moi ce qui m'intéresse, c'est onOptionItemSelected, , donc quand quelqu'un appuie sur l'item, je reçois l'action, pour comparer l'ID de l'action qui a été cliquée, avec l'ID que je cherche, si l'ID est égal à R point, ID, point Action-droid, vous vous rappelez que j'avais ajouté un ID sur mon item, on va faire comme tout à l'heure, uiWelcomeLabel setText hello I am a droid on a un icône de droid, ça parait bien. On va vérifier que tout fonctionne bien, donc si maintenant je clique ici, effectivement, on voit qu'il a bien changé ce texte-là, hello I am a droid, et si je reclique ici, il me remet mon hello, avec plein de O et si je reclique encore ici, voyez on peut avoir presque une conversation, avec nos actions. Voilà, j'espère que vous avez bien compris cette appBar, c'est quelque chose qui est attendu des utilisateurs parce qu'ils ont l'habitude de le voir partout et qui donne une certaine cohérence entre les différentes applications sur Android et il donc recommandé de l'utiliser dans vos applications.

Découvrir le développement d'applications avec Android 5

Développez des applications mobiles pour Android. Créez un projet de A à Z sous Android Studio, de l’installation du kit de développement, jusqu’à sa publication sur le Play Store.

3h17 (39 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Android Android 5
Spécial abonnés
Date de parution :17 mars 2016

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 !