Utiliser les TabLayout

Par Axon de Tuto Mobile

- Djug

Date de publication : 3 mars 2011

Le but de ce tutoriel est d'expliquer comment utiliser les TabLayout dans son application Android.

Utiliser les TabLayout par Axon de Tuto Mobile - Djug

I - Prsentation............................................................................................................................................................ 3 II - Fonctionnement......................................................................................................................................................3 III - Remerciements..................................................................................................................................................... 4 IV - Lien....................................................................................................................................................................... 4

-2Les sources prsentes sur cette page sont libres de droits et vous pouvez les utiliser votre convenance. Par contre, la page de prsentation constitue une uvre intellectuelle protge par les droits d'auteur. Copyright 2011 Axon de Tuto Mobile. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.

http://a-renouard.developpez.com/tutoriels/android/tablayout/

Utiliser les TabLayout par Axon de Tuto Mobile - Djug

I - Prsentation
Les TabLayout pour ceux qui ne connaissent pas, ce sont des onglets permettant d'afficher facilement diffrentes informations en fonction de l'onglet slectionn. Lorsque j'ai voulu utiliser un TabLayout j'ai naturellement suivi le tuto de Google, mais je peux vous dire qu'il m'en a fait baver (excusez-moi de l'expression). Alors s'il m'a caus tant de peine c'est bien videmment parce qu'il ne fonctionnait pas. A cause d'un lger oubli de la part de Google, des heures de recherche pour finalement s'apercevoir qu'il manquait simplement trois lignes. Les dveloppeurs confirms diront que c'tait vident, mais a ne l'est pas tant que a lorsqu'on est dbutant.

II - Fonctionnement
Bon fini le blabla, entrons dans le vif du sujet. Alors je ne vais pas refaire tout le tuto de Google ce serait un peu idiot donc je vous laisse vous y rendre ici. Une fois que vous aurez fini toutes les tapes. Revenez sur Tuto Mobile (et oui sinon a ne marchera pas). Ce qu'il faut ajouter Maintenant ouvrez le fichier AndroidManifest.xml et ajoutez ces trois misrables petites lignes entre les balises <application> :
<activity android:name=".ArtistsActivity"></activity> <activity android:name=".AlbumsActivity"></activity> <activity android:name=".SongsActivity"></activity>

Ce sont les trois Activity que vous avez cres prcdemment. Si vous ne les dclarez pas dans le fichier AndroidManifest.xml, l'application ne saura pas les trouver et vous retournera l'erreur : ActivityNotFoundException. Enfin voil maintenant tout devrait fonctionner.

Cacher la barre de titre d'une application

-3Les sources prsentes sur cette page sont libres de droits et vous pouvez les utiliser votre convenance. Par contre, la page de prsentation constitue une uvre intellectuelle protge par les droits d'auteur. Copyright 2011 Axon de Tuto Mobile. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.

http://a-renouard.developpez.com/tutoriels/android/tablayout/

Utiliser les TabLayout par Axon de Tuto Mobile - Djug

Je voulais galement revenir sur le bout de code ncessaire pour cacher la barre de titre, qui peut s'avrer bien utile pour certaines applications. Donc pour mmoire je l'cris de nouveau, il suffit d'insrer dans le fichier AndroidManifest.xml la ligne suivante :
<activity android:name=".LeNomDeVotreActivityPrincipale" android:label="@string/app_name" android:theme="@android:style/Theme.NoTitleBar">

Enfin, c'est surtout la ligne android:theme= @android:style/Theme.NoTitleBar qui permet de cacher la barre de titre.

III - Remerciements
Je tiens remercier tout particulirement Feanorin qui a mis ce tutoriel au format Developpez.com. Merci galement Claude Leloup d'avoir pris le temps de le relire et de le corriger.

IV - Lien
Tutoriel origine sur Tuto Mobile

-4Les sources prsentes sur cette page sont libres de droits et vous pouvez les utiliser votre convenance. Par contre, la page de prsentation constitue une uvre intellectuelle protge par les droits d'auteur. Copyright 2011 Axon de Tuto Mobile. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.

http://a-renouard.developpez.com/tutoriels/android/tablayout/