Πλοήγηση Μεταξύ XAML Σελίδες: Windows Phone 7.5 Ανάπτυξη εφαρμογών Mango - Μέρος 21

Καλώς ορίσατε πίσω στην σειρά ανάπτυξης Windows Phone 7.5 Mango App. Στο τελευταίο σεμινάριο λέμε πώς να εφαρμόσουμε στυλ και θέματα στους ελέγχους, σε αυτό το σεμινάριο θα δούμε έναν τρόπο πλοήγησης μεταξύ σελίδων και διαβίβασης δεδομένων από τη σελίδα σε άλλη.

Φορτώνουμε σελίδες XAML σε εφαρμογές Silverlight ακριβώς όπως φορτώνουμε HTML σελίδες σε ένα πρόγραμμα περιήγησης ιστού. Όπως σε έναν ιστότοπο, κάθε ιστότοπος έχει τη δική του μοναδική διεύθυνση URL (Unified Resource Locator) για παράδειγμα www.thewindowsclub.com. Σε μια εφαρμογή Windows Phone 7.5, χρησιμοποιούμε έναν έλεγχο κουμπιών υπερσύνδεσης και χρησιμοποιούμε την ιδιότητα NavigateURI με το URI (Unified Resource Identifier) ​​της σελίδας XAML που θέλετε να φορτώσετε. Ας ξεκινήσουμε με ένα παράδειγμα.

Δημιουργήστε ένα νέο έργο με ένα μοναδικό όνομα όπως το `NavigationDemo`. Στη συνέχεια, κάντε δεξί κλικ στο όνομα του έργου στον εξερευνητή λύσεων και επιλέξτε Προσθήκη και έπειτα Νέο στοιχείο. Στο παράθυρο "Προσθήκη νέου στοιχείου" επιλέξτε "Windows Phone Portrait page", δώστε το όνομα όπως Page1.xaml και, στη συνέχεια, κάντε κλικ στο κουμπί Προσθήκη στο κάτω μέρος. Αυτό θα δημιουργήσει μια νέα σελίδα που εμφανίζεται σε ξεχωριστή καρτέλα στην κύρια περιοχή σχεδιασμού. Για λόγους σαφήνειας, αλλάξτε τον τίτλο σελίδας της νέας σελίδας στη «Νέα σελίδα», αλλάζοντας την ιδιότητα Text του τίτλου σελίδας TextBlock. Στη συνέχεια, στην καρτέλα MainPage.xaml σύρετε και αποθέστε ένα κουμπί υπερσύνδεσης στην περιοχή σχεδιασμού. Τώρα αλλάξτε την ιδιότητα NavigateUri στο παράθυρο Ιδιότητες για το κουμπί "Υπερ-σύνδεση". Εισαγάγετε την ακόλουθη συμβολοσειρά

/NavigationDemo;component/Views/Page1.xaml

Τώρα εκτελέστε την εφαρμογή και κάντε κλικ στο κουμπί υπερσύνδεσης που εμφανίζεται στον εξομοιωτή. Θα περιηγηθείτε στο Page1.xaml από το MainPage.xaml.

Τώρα, για να στείλουμε πληροφορίες από τη μια σελίδα στην άλλη, κάνουμε χρήση ενός Querystring. Επομένως, σκεφτείτε μια διεύθυνση URL όπως www.abcxyz.com/images.aspx?id=3&language=en. Εδώ όλα μετά από το ερωτηματικό ονομάζεται querystring. Μπορείτε να παρατηρήσετε ότι έχουμε δύο ζεύγη τιμών ονόματος, δηλαδή, id = 3 και languae = en. Το στοιχείο ampersand μας επιτρέπει να προσθέτουμε διαφορετικές πληροφορίες, σε αυτή την περίπτωση id και γλώσσα.

Τώρα λοιπόν, ως συνέχεια του έργου μας, θα μεταφέρουμε ένα TextBlock στη σελίδα Page1.xaml. Διαγράψτε την ιδιότητα TextBlock.Text και εισαγάγετε τον ακόλουθο κώδικα C # στο συμβάν PhoneApplicationPage_Loaded.

textBlock1.Text = String.Format ("Value: {0}", NavigationContext.QueryString ["id"]) σε αυτή τη γραμμή κώδικα χρησιμοποιούμε το NavigationContext που μας δίνει πρόσβαση στη διεύθυνση URL, συγκεκριμένα στη σειρά ερωτήματος. Ορίζουμε το στοιχείο στο οποίο επιθυμούμε να έχουμε πρόσβαση στα αγκύλια.

Πριν εκτελέσουμε την εφαρμογή, θα αλλάξουμε την ιδιότητα NavigateUri του κουμπιού υπερ-σύνδεσης στις ακόλουθες

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

Επίσης, θα μεταφέρουμε και μεταφέρουμε ένα άλλο κουμπί υπερσύνδεσης στο MainPage.xaml και θα ορίσουμε την ιδιότητά του navigateUri στα ακόλουθα

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

Τώρα όταν εκτελέστε την εφαρμογή και κάντε κλικ σε ένα κουμπί υπερσύνδεσης στον εξομοιωτή θα μπορέσουμε να δούμε την τιμή του id που πέρασε από το MainPage.xaml. Έτσι γίνεται εύκολη πλοήγηση μεταξύ των σελίδων σε μια εφαρμογή Windows Phone 7. Συνεχίστε να το εξασκείτε μέχρι να το κάνετε σωστό. Τώρα μπορείτε να μάθετε πώς μπορείτε να εργαστείτε με τη γραμμή εφαρμογών