Nawigacja między stronami XAML: Windows Phone 7.5 Programowanie aplikacji Mango - Część 21

Witaj ponownie w serii rozwojowej aplikacji Windows Phone 7.5 Mango. W ostatnim tutorialu mówimy, jak zastosować style i motywy do sterowania, w tym samouczku zobaczymy jeden sposób nawigacji między stronami i przekazywania danych ze strony do innej.

Ładowanie stron XAML w aplikacjach Silverlight, tak jak ładujemy HTML strony w przeglądarce internetowej. Podobnie jak w przypadku strony internetowej, każda witryna ma swój unikalny adres URL (Unified Resource Locator), na przykład www.thewindowsclub.com. W aplikacji Windows Phone 7.5 używamy kontrolki Przycisk hiperłącza i używamy jej właściwości NavigateURI z identyfikatorem URI (Unified Resource Identifier) ​​strony XAML, którą chcesz wczytać. Zacznijmy więc od przykładu.

Utwórz nowy projekt o unikalnej nazwie, np. "NavigationDemo". Następnie kliknij prawym przyciskiem myszy nazwę projektu w eksploratorze rozwiązań i wybierz Dodaj, a następnie Nowy element. W oknie Dodaj nowy element wybierz "Stronę portretu Windows Phone", nadaj mu nazwę taką jak Strona1.xaml, a następnie kliknij przycisk Dodaj u dołu. Spowoduje to utworzenie nowej strony wyświetlanej w oddzielnej karcie w głównym obszarze projektu. Dla jasności zmień tytuł strony nowej strony na "Nowa strona", zmieniając właściwość Text elementu TextBlock strony. Następnie w zakładce MainPage.xaml przeciągnij i upuść przycisk hiperłącza w obszarze projektowania. Teraz zmień właściwość NavigateUri w oknie Właściwości dla przycisku Hiperłącze. Wstaw następujący ciąg

/NavigationDemo;component/Views/Page1.xaml

Teraz uruchom aplikację i kliknij przycisk hiperłącza widoczny w emulatorze. Zostaniesz przekierowany do strony Strona1.xaml z MainPage.xaml.

Teraz, aby wysyłać informacje z jednej strony do drugiej, korzystamy z Querystringa. Więc rozważ adres URL, taki jak www.abcxyz.com/images.aspx?id=3&language=en. Tutaj wszystko po znaku zapytania jest nazywane querystringiem. Można zauważyć, że mamy dwie pary wartości nazw, mianowicie., Id = 3 i languae = en. Znak ampersand pozwala nam dodawać różne informacje, w tym przypadku id i język.

Kontynuując nasz projekt, przeciągniemy i upuścimy TextBlock na stronie Strona1.xaml. Wyczyść właściwość TextBlock.Text i wstaw następujący kod C # do zdarzenia PhoneApplicationPage_Loaded.

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

Więc w tym wierszu kodu korzystamy z Kontekstu Nawigacyjnego, który daje nam dostęp do adresu URL, w szczególności do zapytania o znak zapytania. W nawiasie kwadratowym określamy pozycję, do której chcemy uzyskać dostęp.

Przed uruchomieniem aplikacji zmienimy właściwość NavigateUri przycisku hiperłącza na następujący

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

Będziemy także przeciągać i upuszczać kolejny przycisk hiperłącza na MainPage.xaml i ustawić jego właściwość navigateUri na następujący

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

Teraz, kiedy uruchom aplikację i kliknij przycisk hiperłącza w emulatorze, będziemy mogli zobaczyć wartość identyfikatora przekazanego z MainPage.xaml. Tak prosta nawigacja między stronami odbywa się w aplikacji Windows Phone 7. Kontynuuj ćwiczenie, dopóki nie zrobisz tego dobrze. Teraz możemy dowiedzieć się o pracy z paskiem aplikacji.