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 cariciamo le pagine HTML 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. Inserisci la seguente stringa
/NavigationDemo;component/Views/Page1.xaml
Ora esegui l'applicazione e fai clic sul pulsante del collegamento ipertestuale mostrato nell'emulatore. Verrai indirizzato a Page1.xaml da MainPage.xaml.
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"]);
Quindi in questa linea di codice utilizziamo il NavigationContext che ci dà accesso all'URL, in particolare la querystring. Specifichiamo l'articolo a cui vogliamo accedere tra parentesi quadre.
Prima di eseguire l'applicazione, cambieremo la proprietà NavigateUri del pulsante Collegamento ipertestuale alla seguente
/NavigationDemo;component/Views/Page1.xaml?id=1
Trascineremo anche un altro pulsante di collegamento ipertestuale in MainPage.xaml e imposteremo la proprietà navigateUri come segue
/NavigationDemo;component/Views/Page1.xaml?id=2
Ora quando si esegue l'applicazione e si fa clic su un pulsante di collegamento ipertestuale nell'emulatore, sarà possibile 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.
