Erstellen von Hyperlinks in Silverlight-Anwendungen

Das Erstellen von Hyperlinks in Microsoft Silverlight 1.0-Anwendungen unterscheidet sich geringfügig vom Erstellen von Hyperlinks in Windows Presentation Foundation-Anwendungen (WPF). Wie bei Interaktivität in Silverlight 1.0-Anwendungen üblich, wird eine Ereignishandlermethode erstellt, um auf eine Benutzeraktion zu reagieren. Anschließend wird die location-Eigenschaft (Ort) des window-Objekts auf eine neue URL eingestellt.

So erstellen Sie einen Hyperlink in einer Silverlight 1-Anwendung

1. Wählen Sie im XAML-Hauptdokument für das Silverlight 1.0-Projekt das -Steuerelement des Typs Canvas in der Werkzeugpalette aus, und zeichnen Sie ein Canvas-Objekt auf der Zeichenfläche.

2. Klicken Sie unter Objekte und Zeitachsen mit der rechten Maustaste auf das Canvas-Objekt, und klicken Sie auf Umbenennen. Geben Sie einen neuen Namen für das Canvas-Objekt ein, zum Beispiel MeinHyperlink.

3. Öffnen Sie bei ausgewähltem MeinHyperlink-Objekt das Eigenschaftenpanel. Stellen Sie unter Allgemeine Eigenschaften die Cursor-Eigenschaft auf Hand ein. Wenn Benutzer den Mauszeiger über das Canvas-Objekt MeinHyperlink bewegen, ändert sich der Mauszeiger in eine Hand.

4. Doppelklicken Sie auf das MeinHyperlink-Objekt, um es zu aktivieren. Das Canvas-Objekt wird durch einen gelben Begrenzungsrahmen als aktiviertes Objekt hervorgehoben. Dem aktivierten Objekt werden neue Objekte untergeordnet.

5. Wählen Sie in der Werkzeugpalette das -Steuerelement des Typs TextBlock, und zeichnen Sie ein Textblockelement in das MeinHyperlink-Objekt.

6. Stellen Sie sicher, dass Sie sich im Textbearbeitungsmodus befinden, indem Sie F2 drücken. Ändern Sie den Inhalt des Textblocks in Link. Beenden Sie den Textbearbeitungsmodus, indem Sie die ESC-TASTE drücken.

7. Doppelklicken Sie im Projektpanel unter Dateien auf die Code-Behind-Datei für Ihr XAML-Dokument. Wenn Sie beispielsweise das XAML-Dokument Page.xaml bearbeiten, doppelklicken Sie auf die Datei Page.xaml.js. Die Code-Behind-Datei wird in Expression Blend 2 in einem JavaScript-Editor geöffnet.

8. Eine Codezeile zum Einbinden eines Ereignishandlers ist als Beispiel bereits vorhanden:

   rootElement.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.handleMouseDown));
   

   Fügen Sie den folgenden Code unter dieser Codezeile ein:

   if (null != this.control.content.findName("MyHyperlink"))
   this.control.content.findName("MyHyperlink").addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.handleHyperlink));
   

   Dieser Code prüft auf ein Objekt namens MyHyperlink. Falls es vorhanden ist, wird eine Ereignishandlermethode namens handleHyperlink hinzugefügt, die auf das MouseLeftButtonDown-Ereignis reagiert.

9. Die Code-Behind-Datei enthält bereits die Beispiel-Ereignishandlermethode handleMouseDown. Beachten Sie, dass die handleLoad-Methode nach der letzten geschweiften Klammer (}) durch ein Komma (,) abgeschlossen ist, die handleMouseDown-Methode jedoch nicht. Dies liegt daran, dass handleMouseDown die letzte deklarierte Methode ist. Wenn Sie neue Methoden hinzufügen, stellen Sie sicher, dass bei allen Methoden außer der letzten Methode der letzten geschweiften Klammer ein Komma nachgestellt ist.

10. Fügen Sie die folgende Ereignishandlermethode vorzugsweise vor dem handleMouseDown-Ereignis ein:

    handleHyperlink: function(sender, eventArgs)
    {
        window.location = "Http://www.microsoft.com";
    },
    

    Diese Methode reagiert auf einen Benutzer, der innerhalb des Canvas-Objekts MeinHyperlink mit der linken Maustaste klickt, und leitet den Browser auf die Http://www.microsoft.com-Website um.

11. Drücken Sie F5, um Ihre Anwendung zu testen. Klicken Sie auf den Text Link um festzustellen, ob Sie umgeleitet werden.

Siehe auch

Konzepte

Weiterführende Themen: Erstellen eines Hyperlinks zum Öffnen eines Browserfensters

Erstellen von Hyperlinks in einem Seitendokument