Compartir a través de


Modificar el tiempo de transición entre cambios de estado

Los controles tienen un aspecto diferente según el estado en el que 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 Microsoft Expression Blend o cualquier control personalizado e importado que se herede de la clase Control.

Dd185517.alert_tip(ES-ES,Expression.30).gifSugerencia:

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. Crear una plantilla reutilizable para un control del sistema, como el control Button Dd185517.05df1779-a68f-436b-b834-a91b7995a3ec(ES-ES,Expression.30).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.

    Dd185517.5bb586ea-6adc-4672-b316-0fab8215ff8c(ES-ES,Expression.30).png

  3. Si Expression 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).

    Dd185517.7740762c-1a9d-490f-898e-2886ac1cf541(ES-ES,Expression.30).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.

    Dd185517.f13475c2-d26f-4ad0-b62e-53bd1f532288(ES-ES,Expression.30).png

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

    Dd185517.fdeff432-52c4-46c2-a3f1-6ee49d86677b(ES-ES,Expression.30).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".

    Dd185517.ba5ad076-c4f4-4525-b8a6-ac3aab272194(ES-ES,Expression.30).png

  6. Guarde el trabajo (CTRL+S) y presione F5 para generar 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

Pasos siguientes

Vea también

Tareas

Dibujar un control en un proyecto

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

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