Crear un hipervínculo en una aplicación Silverlight

El procedimiento para crear un hipervínculo en una aplicación Microsoft Silverlight 1.0 es ligeramente distinto de crear un hipervínculo en una aplicación Windows Presentation Foundation (WPF). Al igual que con toda la interactividad en una aplicación Silverlight 1.0, se crea un método de control de eventos para responder a las acciones del usuario y, a continuación, se establece la propiedad location (ubicación) del objeto window en una nueva dirección URL.

Para crear un hipervínculo en una aplicación Silverlight 1

1. En el documento XAML principal del proyecto de Silverlight 1.0, seleccione el control Canvas  en el cuadro de herramientas y dibuje un objeto de lienzo en la mesa de trabajo.

2. Haga clic con el botón secundario en el objeto de lienzo en Objetos y escala de tiempo y seleccione Cambiar nombre. Escriba un nombre nuevo para el objeto de lienzo, como MyHyperlink.

3. Con el objeto MyHyperlink aún seleccionado, abra el panel Propiedades. En Propiedades comunes, establezca la propiedad Cursor (cursor) en Hand (mano). Cuando los usuarios pasen el puntero sobre el objeto de lienzo MyHyperlink, la forma de éste cambiará a una mano.

4. Haga doble clic en el objeto MyHyperlink para activar el objeto. Aparece un rectángulo de selección amarillo alrededor del objeto de lienzo para identificarlo como el objeto activado. Los nuevos objetos se agregan como objetos secundarios del objeto activado.

5. Seleccione el control TextBlock  en el cuadro de herramientas y dibuje un objeto de bloque de texto dentro del objeto MyHyperlink.

6. Presione F2 para asegurarse de que está en modo de edición de texto. Cambie el contenido del bloque de texto a Link. Presione ESC para salir del modo de edición de texto.

7. En Archivos del panel Proyecto, haga doble clic en el archivo de código subyacente para el documento XAML. Por ejemplo, si el documento XAML que desea modificar se llama Page.xaml, haga doble clic en el archivo Page.xaml. El archivo de código subyacente se abrirá dentro de Expression Blend 2 en un editor de JavaScript.

8. Ya existe una línea de código de ejemplo para enlazar un controlador de eventos similar a la siguiente:

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

   Agregue el código siguiente debajo de la línea de código:

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

   Este código comprueba si existe un objeto llamado MyHyperlink y, en ese caso, agrega un método de control de eventos llamado handleHyperlink que responde al evento MouseLeftButtonDown.

9. El archivo de código subyacente ya contiene un método de control de eventos de ejemplo llamado handleMouseDown. Observe que al final del método handleLoad aparece una coma (,) detrás de la última llave (}), pero no hay ninguna coma después de la última llave para el método handleMouseDown. Esto se debe a que handleMouseDown es el último método que se declara. Cuando agregue métodos nuevos, asegúrese de poner una coma después de la última llave para cada método excepto para el último.

10. Agregue el método de control de eventos siguiente, preferiblemente antes del evento handleMouseDown:

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

    Este método responde al clic de un usuario con el botón primario del mouse en el objeto de lienzo MyHyperlink y redirige el explorador al sitio web Http://www.microsoft.com.

11. Presione F5 para probar la aplicación. Haga clic en el texto Link para ver si se le redirige.

Vea también

Conceptos

Inténtelo: crear un hipervínculo que abra una ventana del explorador

Crear un hipervínculo en un documento de página