Crear un sitio de Silverlight 1.0 con interactividad

Artículo
10/11/2017

Esta página es específica de proyectos Silverlight 1

La interactividad en las aplicación Microsoft Silverlight 1.0 se crea usando controladores de eventos en los archivos de código subyacente JavaScript de los documentos XAML donde se diseña la interfaz de usuario. En el procedimiento siguiente se muestra cómo hacer que la aplicación reproduzca un guión gráfico de la animación en respuesta a un clic del mouse.

Para crear un sitio de Silverlight 1 con interactividad

En Microsoft Expression Blend, haga clic en Nuevo proyecto en el menú Archivo.

Aparece el cuadro de diálogo Nuevo proyecto.
En Seleccione un tipo de proyecto, haga clic en Sitio de Silverlight 1.0. En el resto de los campos se muestran valores predeterminados para el nombre y la ubicación del proyecto. Puede dejar los campos como están y hacer clic en Aceptar.

Se crea un nuevo proyecto de Silverlight y se abre la página inicial, Page.xaml, para la edición.
En el cuadro de herramientas, seleccione la herramienta Pluma. Para dibujar una forma curva, haga clic para crear puntos y arrastre para crear curvas. Haga clic en el primer punto para cerrar la forma.

Para obtener una lista de métodos para modificar un trazado con el mouse, vea Usar las herramientas Pluma y Selección directa.
Haga clic con el botón secundario en el nuevo objeto de trazado en Objetos y escala de tiempo, haga clic en Cambiar nombre y, a continuación, escriba el nombre MiTrazado.

Si se va a hacer referencia a un objeto desde un archivo de código subyacente, es necesario un nombre. Deberá hacerse referencia a este objeto desde el código para enlazar un controlador de eventos Click.
En Objetos y escala de tiempo, haga clic en el botón Nuevo. Aparece el cuadro de diálogo Crear guión gráfico. Deje el campo Nombre como Storyboard1, deje activada la casilla Crear como recurso y, a continuación, haga clic en Aceptar.

Se crea un nuevo guión gráfico y se activa el registro de escala de tiempo.
Con el cabezal de reproducción de la escala de tiempo en la marca de 0 segundos, haga clic en el botón Registrar fotograma clave para registrar la posición actual del objeto MiTrazado.
Mueva el cabezal de reproducción de la escala de tiempo a la marca de 1 segundo y, a continuación, use la herramienta Selección para mover el objeto MiTrazado. Se establece un fotograma clave en la marca de 1 segundo para registrar la nueva posición del objeto MiTrazado.
En el panel Proyecto, haga doble clic en el archivo Page.xaml.js para abrirlo y editarlo.
Para cancelar el comentario de la siguiente línea de código, quite los caracteres //:
```
                // this.control.content.findName("Storyboard1").Begin();
```
Expression Blend 2 genera código JavaScript inicial para mostrarle cómo enlazar un controlador de eventos con un clic de botón del mouse en el elemento raíz. El controlador de eventos llama al método Begin para Storyboard1, razón por la que no cambió el campo Nombre cuando creó el guión gráfico. Para obtener más información acerca de los scripts de Silverlight 1.0, vea el documento sobre scripts y eventos del mouse en Silverlight (puede estar en inglés).
Para probar el sitio de Silverlight 1.0, presione F5 y haga clic en la ventana del explorador para desencadenar el guión gráfico de la animación.