Création d’une application ubuntu – jour 4

Navigation sous ubuntu touch

Dans le projet que nous venons d’ouvrir il y a des exemples d’utilisation de presque tous les composants ubuntu, mais pas pour la navigation. Nous allons donc voir comment faire un système de navigation.

Il existe deux façon de naviguer sur ubuntu touch : PageStack et Tabs. Nous allons étudiez chacun des deux composants.

Utiliser la navigation avec le composant PageStack

Pour utiliser pageStack il faut aller sur la documentation officiel pour prendre connaissance des règles de design (comme indiqué sur l’image ci-dessous) :

Maintenant passons à l’exemple pratique (issue de la documentation) :

Qu’est-ce qu’il se passe ?

Toutes les pages doivent être à l’intérieur d’un PageStack (et il ne peux y avoir qu’un seul PageStack sinon le système ne sais plus où il en est).

Au chargement du composant on « push » la page0 (ça sera la page afficher par défaut).

Utiliser la navigation avec le composant Tabs

Comme pour le composant PageStack, je vous invite à prendre connaissance des règles de design sur la documentation officiel pour avoir plus de détails

Voici un exemple d’utilisation tiré de la documentation officiel

 

Lorsqu’on click un peux avant le menu, on obtiens quelque chose comme ceci :

tabs

ce qui nous permet de naviguer entre les pages.