Creare un collegamento ipertestuale in un'applicazione Silverlight

La procedura di creazione di un collegamento ipertestuale in un'applicazione Microsoft Silverlight 1.0 è leggermente diversa rispetto a quella di creazione di un collegamento ipertestuale in un'applicazione Windows Presentation Foundation (WPF). Come con tutti i tipi di interattività in un'applicazione Silverlight 1.0, viene creato un metodo del gestore dell'evento per rispondere a un'azione dell'utente e quindi la proprietà location dell'oggetto window viene impostata su un nuovo URL.

Per creare un collegamento ipertestuale in un'applicazione Silverlight 1

1. Nel documento XAML principale per il progetto di Silverlight 1.0 selezionare il controllo Canvas  nella casella degli strumenti e disegnare un oggetto canvas nella tavola da disegno.

2. Fare clic con il pulsante destro del mouse sull'oggetto canvas in Oggetti e sequenza temporale e quindi scegliere Rinomina. Immettere un nuovo nome per l'oggetto canvas, ad esempio MyHyperlink.

3. Con l'oggetto MyHyperlink ancora selezionato aprire il pannello Proprietà. In Proprietà comuni impostare la proprietà Cursor su Hand. Quando gli utenti spostano il puntatore sull'oggetto canvas MyHyperlink, il puntatore assumerà la forma di una mano.

4. Fare doppio clic sull'oggetto MyHyperlink per attivarlo. Intorno all'oggetto canvas verrà visualizzato un rettangolo di selezione giallo a indicare che l'oggetto è attivato. I nuovi oggetti verranno aggiunti come oggetti figlio dell'oggetto attivato.

5. Selezionare il controllo TextBlock  nella casella degli strumenti e quindi disegnare un oggetto blocco di testo all'interno dell'oggetto MyHyperlink.

6. Per verificare che la modalità di modifica del testo sia attiva, premere F2. Modificare il contenuto del blocco di testo in Link. Premere ESC per uscire dalla modalità di modifica del testo.

7. In File, nel pannello Progetto, fare doppio clic con il pulsante destro del mouse sul file code-behind per il documento XAML. Se ad esempio si sta modificando il documento XAML Page.xaml, fare doppio clic sul file Page.xaml.js. Il file code-behind viene aperto all'interno di Expression Blend 2, in un editor JavaScript.

8. Una riga di codice di esempio utilizzata per il collegamento di un gestore dell'evento è già esistente ed è simile alla seguente:

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

   Aggiungere il codice seguente sotto tale riga di codice:

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

   Il codice consente di provare un oggetto denominato MyHyperlink e, se esistente, di aggiungere un metodo del gestore dell'evento denominato handleHyperlink che risponde all'evento MouseLeftButtonDown.

9. Il file code-behind contiene già un metodo di esempio per il gestore dell'evento, di nome handleMouseDown. Nella parte finale del metodo handleLoad si noti la presenza di una virgola (,) dopo l'ultima parentesi graffa (}). Non è tuttavia presente alcuna virgola dopo l'ultima parentesi graffa del metodo handleMouseDown. Ciò avviene perché handleMouseDown è l'ultimo metodo dichiarato. Quando si aggiungono nuovi metodi, verificare che sia presente una virgola dopo l'ultima parentesi graffa di ogni metodo, ad eccezione dell'ultimo.

10. Aggiungere il metodo del gestore dell'evento seguente, se possibile prima dell'evento handleMouseDown:

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

    Questo metodo viene utilizzato in risposta a un utente che fa clic con il pulsante destro del mouse all'interno dell'oggetto canvas MyHyperlink per reindirizzare il browser al sito Web Http://www.microsoft.com.

11. Premere F5 per provare l'applicazione. Fare clic sul testo Link per verificare se il reindirizzamento funziona correttamente.

Vedere anche

Concetti

Esercitazione: creare un collegamento ipertestuale che apre una finestra del browser

Creare un collegamento ipertestuale in un documento Page