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.
.gif "Sugerencia") 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
Crear una plantilla reutilizable para un control del sistema, como el control Button
.png "Dd185517.05df1779-a68f-436b-b834-a91b7995a3ec(ES-ES,Expression.30).png")
.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.
.png "Dd185517.5bb586ea-6adc-4672-b316-0fab8215ff8c(ES-ES,Expression.30).png")
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).
.png "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.
.png "Dd185517.f13475c2-d26f-4ad0-b62e-53bd1f532288(ES-ES,Expression.30).png")
Haga clic en Agregar transición
.png "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..png "Dd185517.fdeff432-52c4-46c2-a3f1-6ee49d86677b(ES-ES,Expression.30).png")
En la nueva línea para la transición MouseOver a Normal, cambie el valor del cuadro de texto de "0" a "0,5".
.png "Dd185517.ba5ad076-c4f4-4525-b8a6-ac3aab272194(ES-ES,Expression.30).png")
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
- 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 el visor en tiempo de ejecución.
Pasos siguientes
Puede cambiar la apariencia del botón en diferentes estados. Para obtener más información, vea Modificar la apariencia de un control del sistema en diferentes estados.
Puede agregar animación, como hacer que el botón gire sobre sí mismo cuando el puntero se mueva sobre él. Para obtener más información, vea Agregar animación que se reproducirá después de cambiar un estado.
Puede aplicar esta plantilla a otro botón del proyecto o dibujar un nuevo botón que ya tenga la plantilla asignada. Para obtener más información, vea Aplicar un recurso de estilo.
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