Bienvenue dans la série de développement d'applications Windows Phone 7.5 Mango. Dans le dernier tutoriel, nous expliquons comment appliquer un style et des thèmes à des contrôles. Dans ce didacticiel, nous verrons un moyen de naviguer entre les pages et de passer des données de page à une autre.
Nous chargeons des pages XAML dans des applications Silverlight, de la même manière que des pages HTML dans un navigateur Web. Comme dans un site Web, chaque site Web a sa propre URL (Unified Resource Locator), par exemple www.thewindowsclub.com. Dans une application Windows Phone 7.5, nous utilisons un contrôle de lien hypertexte et utilisons sa propriété NavigateURI avec l'URI (identificateur de ressource unifiée) de la page XAML à charger. Commençons donc avec un exemple.
Créez un nouveau projet avec un nom unique comme "NavigationDemo". Ensuite, cliquez avec le bouton droit sur le nom du projet dans l'explorateur de solutions, puis sélectionnez Ajouter, puis Nouvel élément. Dans la fenêtre Ajouter un nouvel élément, sélectionnez "Page Windows Phone Portrait", nommez-le comme Page1.xaml, puis cliquez sur le bouton Ajouter en bas. Cela créera une nouvelle page affichée dans un onglet séparé dans la zone de conception principale. Juste pour des raisons de clarté, changez le titre de la nouvelle page en "Nouvelle page" en modifiant la propriété Text du TextBlock de titre de page. Ensuite, dans l'onglet MainPage.xaml, faites glisser un bouton d'hyperlien dans la zone de création. Modifiez maintenant la propriété NavigateUri dans la fenêtre Propriétés pour le bouton Lien hypertexte. Insérer la chaîne suivante
/NavigationDemo;component/Views/Page1.xaml
Maintenant, lancez l'application et cliquez sur le bouton d'hyperlien indiqué dans l'émulateur. Vous serez dirigé vers Page1.xaml à partir de MainPage.xaml.
Alors maintenant, dans la continuité de notre projet, nous allons faire glisser un TextBlock sur la page Page1.xaml. Effacez la propriété TextBlock.Text et insérez le code C # suivant dans l'événement PhoneApplicationPage_Loaded.
textBlock1.Text = String.Format ("Valeur: {0}", NavigationContext.QueryString ["id"]);
Donc, dans cette ligne de code, nous utilisons le NavigationContext qui nous donne accès à l’URL, en particulier à la chaîne de requête. Nous spécifions l'élément auquel nous souhaitons accéder entre crochets.
Avant d'exécuter l'application, nous allons changer la propriété NavigateUri du bouton d'hyperlien comme suit:
/NavigationDemo;component/Views/Page1.xaml?id=1
Nous allons également glisser-déposer un autre bouton d’hyperlien dans MainPage.xaml et définir sa propriété browseUri sur la suivante:
/NavigationDemo;component/Views/Page1.xaml?id=2
Maintenant, lorsque vous exécuterez l'application et que vous cliquerez sur un bouton d'hyperlien dans l'émulateur, nous pourrons voir la valeur de l'ID transmis par MainPage.xaml. C’est à quel point il est facile de naviguer entre les pages dans une application Windows Phone 7. Continuez à le pratiquer jusqu'à ce que vous obteniez la bonne réponse. Voyons maintenant comment utiliser la barre d’application.
