Compartir a través de


Modificar el tiempo de transición entre cambios de estado en Blend

Los controles tienen un aspecto diferente según el estado en el que se encuentran. Por ejemplo, un botón cambia de color ligeramente cuando se pasa por encima el puntero. "MouseOver" es uno de los estados de un botón. Puede personalizar el tiempo de transición entre estados de controles del sistema modificando una copia de la plantilla del control.

El siguiente procedimiento usa un botón, pero el usuario puede personalizar cualquier control del sistema que se incluya con Blend para Visual Studio o cualquier control personalizado e importado que se herede de la clase Control.

Sugerencia

También puede modificar los estados y el tiempo de transición de los controles de usuario.Para obtener más información, vea Definir estados visuales y tiempos de transición diferentes en un control de usuario.

Modificar el tiempo de transición entre estados

  1. Cree una plantilla reutilizable para un control del sistema, como el control Button JJ170614.05df1779-a68f-436b-b834-a91b7995a3ec(es-es,VS.120).png.

  2. Si no está en el modo de edición de una plantilla, haga clic con el botón secundario en la mesa de trabajo, seleccione Editar plantilla y, a continuación, haga clic en Editar actual. Como alternativa, seleccione el objeto y haga clic en Plantilla en la barra de ruta de navegación.

    JJ170614.5bb586ea-6adc-4672-b316-0fab8215ff8c(es-es,VS.120).png

  3. Si Blend está en el modo de edición de plantilla, los estados del botón (como Normal y MouseOver) se muestran en el panel Estados. Los estados están contenidos en grupos de estados (como CommonStates y FocusStates).

    JJ170614.7740762c-1a9d-490f-898e-2886ac1cf541(es-es,VS.120).png

    Junto a CommonStates, verá un cuadro de texto con el valor de 0 segundos ("0"). Esta es la duración de transición predeterminada para todas las transiciones entre los estados del grupo de estados. Por ejemplo, se tardan 0 segundos en pasar de cualquier estado al estado Normal. Puede cambiar esta duración de transición predeterminada.

    JJ170614.f13475c2-d26f-4ad0-b62e-53bd1f532288(es-es,VS.120).png

  4. Haga clic en Agregar transición JJ170614.2fe2c349-41aa-4cc0-b1d3-3ff7d5aed33d(es-es,VS.120).png para el estado MouseOver en Estados y después haga clic en la transición MouseOver a Normal.

    JJ170614.fdeff432-52c4-46c2-a3f1-6ee49d86677b(es-es,VS.120).png

  5. En la nueva línea para la transición MouseOver a Normal, cambie el valor del cuadro de texto de "0" a "0,5".

    JJ170614.ba5ad076-c4f4-4525-b8a6-ac3aab272194(es-es,VS.120).png

  6. Guarde el trabajo (Ctrl+S) y presione F5 para compilar y probar la aplicación. Una vez abierta la aplicación en una ventana del explorador, mueva el puntero sobre el botón para ver la lentitud con que vuelve a su estado anterior cuando el puntero se aleja del botón.

Solución de problemas

  • Si tiene problemas para ver la aplicación en un explorador, quizá no tiene instalado el motor en tiempo de ejecución correcto de Microsoft Silverlight. Para obtener más información, vea Instalar Silverlight Tools y Runtime para Blend.

Pasos siguientes

Vea también

Tareas

Dibujar un control en un proyecto

Agregar animación que se reproducirá después de cambiar un estado en Blend

Crear una plantilla reutilizable para aplicar estilo a un control del sistema en Blend