Navigazione tra le pagine XAML: Windows Phone 7.5 Sviluppo app Mango - Parte 21

Bentornati alla serie di sviluppo App Mango per Windows Phone 7.5. Nell`ultimo tutorial diciamo come applicare lo stile e i temi ai controlli, in questo tutorial vedremo un modo per navigare tra le pagine e passare i dati da una pagina all`altra.

Carichiamo le pagine XAML nelle applicazioni Silverlight proprio mentre carichiamo HTML pagine in un browser web. Come in un sito Web, ogni sito Web ha il proprio URL univoco (Unified Resource Locator), ad esempio www.thewindowsclub.com. In un`applicazione Windows Phone 7.5, utilizziamo un controllo Button hyperlink e utilizziamo la sua proprietà NavigateURI con l`URI (Unified Resource Identifier) ​​della pagina XAML che si desidera caricare. Quindi, iniziamo con un esempio.

Crea un nuovo progetto con un nome univoco come "NavigationDemo". Quindi, fare clic con il pulsante destro del mouse sul nome del progetto in Solution Explorer e selezionare Aggiungi e quindi Nuovo elemento. Nella finestra Aggiungi nuovo elemento seleziona "Pagina Windows Phone Portrait", assegna un nome come Page1.xaml e quindi fai clic sul pulsante Aggiungi in basso. Questo creerà una nuova pagina mostrata in una scheda separata nell`area di disegno principale. Solo per chiarezza, cambia il titolo della pagina della nuova pagina in "Nuova pagina" cambiando la proprietà Text della Pagina Titolo TextBlock. Successivamente nella scheda MainPage.xaml trascinare e rilasciare un pulsante di collegamento ipertestuale nell`area di disegno. Ora modifica la proprietà NavigateUri nella finestra Proprietà per il pulsante Collegamento ipertestuale. Inserire la seguente stringa

/NavigationDemo;component/Views/Page1.xaml

Ora eseguire l`applicazione e fare clic sul pulsante di collegamento ipertestuale mostrato nell`emulatore. Verrai indirizzato a Page1.xaml da MainPage.xaml.

Ora per inviare informazioni da una pagina all`altra utilizziamo una Querystring. Quindi considera un URL come www.abcxyz.com/images.aspx?id=3&language=en. Qui tutto dopo il punto interrogativo è chiamato la querystring. Potete notare che abbiamo due coppie di valori nominali, vale a dire id = 3 e languae = en. La e commerciale ci consente di aggiungere diverse informazioni, in questo caso id e lingua.

Quindi, in seguito al nostro progetto, trascineremo un TextBlock nella pagina Page1.xaml. Cancella la proprietà TextBlock.Text e inserisci il seguente codice C # nell`evento PhoneApplicationPage_Loaded.

textBlock1.Text = String.Format ("Value: {0}", NavigationContext.QueryString ["id"]);

So in questa linea di codice utilizziamo il NavigationContext che ci consente di accedere all`URL, in particolare alla querystring. Specifichiamo l`elemento al quale vogliamo accedere tra parentesi quadre.

Prima di eseguire l`applicazione, cambieremo la proprietà NavigateUri del pulsante Collegamento ipertestuale al seguente

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

Trascineremo anche un altro pulsante di collegamento ipertestuale in MainPage.xaml e imposteremo la sua proprietà navigateUri sul seguente

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

Ora quando eseguire l`applicazione e fare clic su un pulsante di collegamento ipertestuale nell`emulatore saremo in grado di vedere il valore dell`ID passato da MainPage.xaml. È così facile navigare tra le pagine in un`applicazione Windows Phone 7. Continua a esercitarlo finché non lo fai bene. Ora impariamo a lavorare con la barra delle applicazioni.