Bureau

Navigation entre les pages XAML: Windows Phone 7.5 Développement d`applications Mango - Partie 21

[WP8] 04 - Navigation entre pages et effets de transitions

[WP8] 04 - Navigation entre pages et effets de transitions
Anonim

Bienvenue à la série de développement de Windows Phone 7.5 Mango App. Dans le dernier tutoriel, nous expliquons comment appliquer le style et les thèmes aux contrôles, nous verrons dans ce tutoriel un moyen de naviguer entre les pages et de transmettre les données d`une page à l`autre.

Nous chargeons les pages XAML dans les applications Silverlight pages dans un navigateur Web. Comme dans un site Web, chaque site Web a sa propre URL unique (Unified Resource Locator) par exemple www.thewindowsclub.com. Dans une application Windows Phone 7.5, nous utilisons un contrôle Button hypertexte et utilisons sa propriété NavigateURI avec l`URI (Unified Resource Identifier) ​​de la page XAML que vous souhaitez charger. Alors commençons par 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 solution et sélectionnez Ajouter, puis Nouvel élément. Dans la fenêtre Ajouter un nouvel élément, sélectionnez la page "Portrait de Windows Phone", donnez-lui un nom comme Page1.xaml, puis cliquez sur le bouton Ajouter en bas. Cela créera une nouvelle page affichée dans un onglet distinct dans la zone de conception principale. Pour plus de clarté, modifiez le titre de la nouvelle page en "Nouvelle page" en modifiant la propriété Text du TextBlock du titre de la page. Ensuite, dans l`onglet MainPage.xaml, faites glisser un bouton de lien hypertexte dans la zone de conception. Maintenant, modifiez la propriété NavigateUri dans la fenêtre Propriétés pour le bouton Lien hypertexte. Insérez la chaîne suivante

/NavigationDemo;component/Views/Page1.xaml

Exécutez maintenant l`application et cliquez sur le bouton de lien hypertexte affiché dans l`émulateur. Vous serez dirigé vers Page1.xaml à partir MainPage.xaml.

Maintenant, afin d`envoyer des informations d`une page à l`autre, nous utilisons une Querystring. Considérez donc une URL comme www.abcxyz.com/images.aspx?id=3&language=en. Ici tout après le point d`interrogation est appelé la chaîne de requête. Vous pouvez remarquer que nous avons deux paires de valeurs de nom, à savoir., Id = 3 et languae = en. l`esperluette nous permet d`ajouter différentes informations, dans ce cas l`identifiant et la langue.

Donc, maintenant, dans la suite de notre projet, nous glisserons et déposerons 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"]);

So 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 modifier la propriété NavigateUri du bouton de lien hypertexte en

/NavigationDemo;component/Views/Page1.xaml?id = 1

Nous allons également faire glisser et déposer un autre bouton de lien hypertexte dans MainPage.xaml et définir sa propriété navigateUri sur

/NavigationDemo;component/Views/Page1.xaml?id=2

Maintenant, lorsque vous Exécutez l`application et cliquez sur un bouton de lien hypertexte dans l`émulateur, nous serons en mesure de voir la valeur de l`ID passé de MainPage.xaml. c`est la façon dont la navigation entre les pages est facile dans une application Windows Phone 7. Continuez à le pratiquer jusqu`à ce que vous ayez raison. Maintenant, apprenons à travailler avec la barre d`application.