Aplicar un efecto de transición a un cambio de estado visual

Una vez que haya creado un control de usuario y haya definido cambios de estado para dicho control, podrá agregar un efecto de transición de forma rápida y sencilla mediante la aplicación de uno de los efectos de transición disponibles en Microsoft Expression Blend.

Para crear el botón utilizado en el siguiente procedimiento, vea Crear una plantilla reutilizable para aplicar estilo a un control del sistema y Modificar la apariencia de un control del sistema en diferentes estados.

Para aplicar un efecto de transición a un control de usuario

1. En el panel Estados, haga clic en el estado que desee aplicar el efecto de transición y, a continuación, haga clic en Agregar transición. Haga clic en Efecto de transición y, a continuación, seleccione el efecto de transición deseado en la lista desplegable TransitionEffect.

   

2. En el cuadro Duración de la transición, escriba el número de segundos durante los que se mostrará el efecto de transición.

3. Guarde el trabajo (CTRL+S) y presione F5 para generar y probar la aplicación.

   [!NOTA]

   También puede realizar una vista previa de la transición directamente en Expression Blend si hace clic en Activar vista previa de transición.

Según el efecto de transición que elija, tal vez pueda modificar propiedades adicionales. Por ejemplo, si elige el efecto de transición Slide In, puede seleccionar uno de los siguientes valores:

• LeftToRight

• RightToLeft

• TopToBottom

• BottomToTop

También puede aplicar una propiedad EasingFunction al efecto de transición.

Sugerencia:
Para enlazar un efecto de transición o una función de aceleración a datos, en el cuadro de diálogo TransitionEffect o EasingFunction, haga clic en Opciones avanzadas y, a continuación, haga clic en Enlace de datos.

Efectos de transición integrados

Las imágenes siguientes son ejemplos de los distintos efectos de transición integrados disponibles en Microsoft Expression Blend 4. La imagen de la izquierda es la imagen base. La imagen del medio representa la transición. La imagen de la derecha representa la imagen una vez finalizada la transición.

• Blinds (Persianas)

  

• Circle Reveal (Mostrar círculo)

  

• Cloud Reveal (Mostrar nube)

  

• Fade (Fundido)

  

• Pixelate (Pixelar)

  

• Radial Blur (Desenfoque radial)

  

• Ripple (Ondas)

  

• Slide In (Dirección de la diapositiva)

  

• Smooth Swirl Grid (Cuadrícula de remolino suave)

  

• Wave (Onda)

  

• Wipe (Barrido)

  

Vea también

Tareas

Importar efectos personalizados o de terceros

Conceptos

Definir distintos estados visuales para un control

Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.