Navigieren zwischen XAML-Seiten: Windows Phone 7.5 - Entwicklung von Mango-Apps - Teil 21

Video: Navigieren zwischen XAML-Seiten: Windows Phone 7.5 - Entwicklung von Mango-Apps - Teil 21

Video: Navigieren zwischen XAML-Seiten: Windows Phone 7.5 - Entwicklung von Mango-Apps - Teil 21
Video: 20 лучших советов по Windows 10 2024, März
Navigieren zwischen XAML-Seiten: Windows Phone 7.5 - Entwicklung von Mango-Apps - Teil 21
Navigieren zwischen XAML-Seiten: Windows Phone 7.5 - Entwicklung von Mango-Apps - Teil 21
Anonim

Willkommen bei der Windows Phone 7.5 Mango App-Entwicklungsserie. Im letzten Tutorial sagen wir, wie Sie Stil und Themen auf Steuerelemente anwenden. In diesem Tutorial sehen Sie eine Möglichkeit, zwischen Seiten zu navigieren und Daten von Seite zu Seite zu übergeben.

Wir laden XAML-Seiten in Silverlight-Anwendungen genauso wie HTML-Seiten in einem Webbrowser. Wie auf einer Website hat jede Website eine eigene eindeutige URL (Unified Resource Locator), z. B. www.thewindowsclub.com. In einer Windows Phone 7.5-Anwendung verwenden wir ein Hyperlink-Button-Steuerelement und verwenden seine NavigateURI-Eigenschaft mit dem URI (Unified Resource Identifier) der XAML-Seite, die Sie laden möchten. Beginnen wir mit einem Beispiel.

Erstellen Sie ein neues Projekt mit einem eindeutigen Namen wie "NavigationDemo". Klicken Sie anschließend mit der rechten Maustaste auf den Projektnamen im Lösungs-Explorer und wählen Sie Hinzufügen und dann Neues Element. Wählen Sie im Fenster "Neues Element hinzufügen" die Option "Windows Phone-Hochformatseite", geben Sie einen Namen wie "Page1.xaml" ein und klicken Sie unten auf "Hinzufügen". Dadurch wird eine neue Seite erstellt, die auf einer separaten Registerkarte im Hauptentwurfsbereich angezeigt wird. Ändern Sie aus Gründen der Klarheit den Seitentitel der neuen Seite in "Neue Seite", indem Sie die Texteigenschaft des Textblocks für Seitentitel ändern. Klicken Sie anschließend auf der Registerkarte MainPage.xaml auf eine Hyperlink-Schaltfläche und legen Sie sie im Designbereich ab. Ändern Sie nun die NavigateUri-Eigenschaft im Eigenschaftenfenster für die Schaltfläche Hyperlink. Fügen Sie die folgende Zeichenfolge ein

/NavigationDemo;component/Views/Page1.xaml

Führen Sie nun die Anwendung aus und klicken Sie auf den im Emulator angezeigten Hyperlink. Sie werden von MainPage.xaml zu Page1.xaml navigiert.

Um nun Informationen von einer Seite auf eine andere zu senden, verwenden wir einen Querystring. Betrachten Sie also eine URL wie www.abcxyz.com/images.aspx?id=3&language=de. Hier wird alles nach dem Fragezeichen Querstring genannt. Sie können feststellen, dass wir zwei Name-Wert-Paare haben, nämlich id = 3 und languae = en. Das kaufmännische Und erlaubt es, verschiedene Informationen hinzuzufügen, in diesem Fall id und Sprache.
Um nun Informationen von einer Seite auf eine andere zu senden, verwenden wir einen Querystring. Betrachten Sie also eine URL wie www.abcxyz.com/images.aspx?id=3&language=de. Hier wird alles nach dem Fragezeichen Querstring genannt. Sie können feststellen, dass wir zwei Name-Wert-Paare haben, nämlich id = 3 und languae = en. Das kaufmännische Und erlaubt es, verschiedene Informationen hinzuzufügen, in diesem Fall id und Sprache.

Als Fortsetzung zu unserem Projekt ziehen wir nun einen TextBlock auf die Seite1.xaml. Löschen Sie die TextBlock.Text-Eigenschaft, und fügen Sie den folgenden C # -Code in das PhoneApplicationPage_Loaded-Ereignis ein.

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

In dieser Codezeile verwenden wir also den NavigationContext, der uns Zugriff auf die URL gibt, insbesondere auf die Querzeichenfolge. In den eckigen Klammern geben wir den Artikel an, auf den wir zugreifen möchten.

Bevor wir die Anwendung ausführen, ändern wir die NavigateUri-Eigenschaft der Hyperlink-Schaltfläche in Folgendes

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

Wir werden auch eine andere Hyperlink-Schaltfläche in die MainPage.xaml ziehen und ablegen und ihre navigateUri-Eigenschaft auf Folgendes setzen

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

Wenn Sie nun die Anwendung ausführen und im Emulator auf eine Hyperlink-Schaltfläche klicken, können Sie den Wert der von MainPage.xaml übergebenen ID sehen. So einfach ist das Navigieren zwischen Seiten in einer Windows Phone 7-Anwendung. Übe es weiter, bis du es richtig verstanden hast. Jetzt lernen wir, wie Sie mit der Anwendungsleiste arbeiten.

Empfohlen: