[Tutoriel Video] Comment Changer les Icônes du Menu de mon App?

Ecrit par le Mardi 16 Décembre 2014

Lorsque vous créez le design de votre app, vous devez choisir entre différents types de mode de navigation.
Certains de ces modes de navigation incluent des icônes pour chaque section. Dans ce tutoriel vidéo, nous allons vous montrer comment:

- Ajouter des sections sample à votre app pour visualiser la structure du menu
- Placer les icônes après avoir choisi le mode de navigation
- Télécharger des icônes personnalisées 

Il est possible de choisir et de configurer les icônes du menu de l'app à partir du menu Design de votre backoffice.
Sur le côté droit, vous trouverez un menu à 5 niveaux qui vous guidera pendant la personnalisation de votre app.
Les paramètres concernant les icônes se trouvent dans le premier niveau, Menu.

Vous y trouverez tous les modes de navigation disponibles, mais attention, tous ne contiennent pas d'icône.
Ces dernières sont présentes uniquement dans les templates TabBar, Little Swipe, Grid et Classic TabBar.

Si vous créez le design de votre app pour la première fois, nous vous conseillons d'apporter ces modifications seulement après avoir défini les sections de votre menu.

Ajouter des sections Sample à votre app pour visualiser la structure du menu

Pour obtenir un aperçu rapide de l'apparence de votre menu, vous pouvez ajouter des sections Sample à partir du menu "Sections". Cliquez sur "Ajouter un Sample", et choisissez une des sections proposées comme Articles, Photos, Videos, etc.

Les sections Sample vous aident à créer la structure de votre app, en vous permettant de vous concentrer dans un premier temps uniquement sur le design.
Si vous préférez connaître tout de suite le nombre et le type de sections qu'aura votre app, nous vous conseillons d'attendre d'avoir complètement défini votre app pour vous préoccuper de la modification des icônes.

Placer les icônes de votre app après avoir choisi le mode de navigation

En retournant sur le menu "Navigation" et en choisissant un modèle qui comprend les icônes, vous pourrez configurer votre menu mais aussi choisir et modifier les icônes .
En cliquant sur une icône vous ouvrez la bibliothèque dans laquelle vous pouvez choisir n'importe quelle icône en cliquant dessus.
A chaque changement d'icône, vous pouvez voir le résultat instantanément sur l'aperçu.

Télécharger vos propres icônes

Si vous ne voulez pas utiliser les icônes standard, et que vous voulez directement télécharger les vôtres, vous devez ouvrir à nouveau la bibliothèque d'icônes , choisir "Icône Perso" et téléchargez votre fichier.
Faites attention à bien respecter les caractéristiques requises. Il doit s'agir d'une image blanche sur fond transparent, au format .png, et elle doit mesurer exactement 260*260 pixels.

Si vous voulez modifier une icône après avoir déjà choisi le mode de navigation, vous devez cliquer sur le bouton "Modifier" sur l'aperçu du mode choisi.

Pour publier les modifications apportées à l'application, vous devez aller sur le menu "Publier" > "Journal" > et cliquer sur "Mettre à jour".
Vous trouverez ici la liste de toute les modifications apportées. Cliquer alors sur le deuxième bouton "Mettre à jour" - en bas à droite.

Une fois la mise à jour effectuée, les nouvelles icônes apparaitront dans l'app.



Entrez votre adresse email