Silverlight Animación Tutorial

Microsoft Silverlight es el entorno de desarrollo de aplicaciones multimedia basadas .NET para aplicaciones de telefonía de Windows, la Web y el escritorio. Animación, que es muy similar a la caricatura, crea cada imagen en un marco que parece que se mueve cuando se reproducen en secuencia rápida. Se pueden crear animaciones en Silverlight mediante la codificación de los objetos y el cambio de las propiedades con el fin de crear efectos de flash-como.

Instrucciones

1 Vaya a "Visual Studio 2010." Seleccione "Nuevo proyecto". Haga clic en "Archivo" y luego "Nuevo" y "Proyecto".

2 Haga clic en "Visual C #" en la ventana de la izquierda, seguido de "Silverlight". Seleccione "aplicación de Silverlight," y escriba el nombre del proyecto como "Animación". Cuando se le pide que elija un sitio web o una página de prueba, desactive "Host la aplicación Silverlight en un nuevo sitio Web" con el fin de elegir la opción de página de prueba.

3 Vaya a "Explorador de soluciones" en la ventana derecha haciendo clic en "Ver" y luego "Explorador de soluciones". Haga doble clic en "MainPage.xaml." Esto abrirá el archivo "MainPage.xaml" en la ventana principal del editor.

4 Introduzca el código siguiente en la ventana principal del editor para animar la elipse usando una animación de punto:

<Animate MouseLeftButtonDown = "Handle_MouseDown"

Antecedentes = "gris" width = "605" height = "505">

<Animate.Resources>

& Lt; Storyboard x: Name = "myStoryboard">

& Lt;! - Comentarios sobre el código se escriben aquí ->

& Lt; PointAnimation

x: Name = "myPointAnimation"

Storyboard.TargetProperty = "center"

Storyboard.TargetName = "MyAnimatedEllipseShape"

Duración = "0: 0: 2" />

& Lt; / Storyboard>

& Lt; /Animate.Resources>

& Lt; trazado de relleno = "Blue">

& Lt; Path.Data>

& Lt;! - Describe una elipse. ->

& Lt; EllipseShape x: Name = "MyAnimatedEllipseShape"

Centro = "200100" RadiusX = "15" RadiusY = "15" />

& Lt; /Path.Data>

& Lt; / Ruta>

</ Animar>

5 Prueba de la aplicación mediante el uso de depuración en Visual Studio. Para ello, seleccione "depuración" seguido de "Iniciar depuración." Una página web que se abrirá lanza su aplicación a menos que haya errores, que se mostrarán en Visual Studio.

6 Haga clic en "depuración" seguido de "Detener depuración" para poner fin a la animación.

Consejos y advertencias

• Para obtener los mejores resultados, la práctica utilizando tutoriales Microsoft Silverlight en el sitio web de Microsoft (ver Recursos).