Animaciones para WPF con Expression Blend 4

>Crea un nuevo proyecto

>WPF>WPF Application

Ingresa el nombre de tu aplicación y da click en  “Ok”

Ahora cambiamos el nombre de nuestra pantalla seleccionando Split para que nos aparezca el XAML de nuestra aplicación y en la etiqueta Title agregamos el nombre.

Agregamos de nuestra caja de herramientas

–          1 Botón

–          1 TextBlock para el título

–          1 Imagen para el fondo

Los seleccionamos todos haciendo ctrl + clic en cada uno de ellos

Nos vamos a la parte de Appearance y en Opacity le ponemos en 0 para que desaparezcan de la pantalla

Ahora sí nos vamos al panel “Objects and Timeline” y damos clic en “+”

Le damos un nombre a nuestra animación y damos clic en Ok.

Ahora sí, con nuestro 

Seleccionamos la imagen y de damos clic en “Record Keyframe” para marcar el inicio de la animación de la imagen

Donde queramos finalice la animación de la imagen repetimos el procedimiento anterior quedando algo similar a esto:

Ahora nos regresamos al panel “Appearance” y en Opacity regresamos el valor a 100

Y ya con esto la animación de la imagen de fondo esta completa.

Realizamos este mismo procedimiento para el titulo y para el botón.

Vídeo Tutorial

Un comentario sobre “Animaciones para WPF con Expression Blend 4

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s