Definir estados visuales y tiempos de transición diferentes en un control de usuario

Al crear su propio control de usuario, puede agregar estados y grupos de estado personalizados para definir otra apariencia para cada estado de su control de usuario. Por ejemplo, si el control de usuario representa una carta de una baraja, es posible que desee tener un estado FaceUp y FaceDown.

[!NOTA]

En un proyecto de Silverlight, al modificar la plantilla de un control del sistema, como un botón, ya están presentes los estados y los grupos de estado predeterminados. No puede agregar nuevos grupos de estados ni estados.

Para definir un grupo de estados para el control de usuario

1. Si aún no tiene un control de usuario, puede crear un nuevo control de usuario en el proyecto y abrir el archivo XAML para editarlo.

   Para obtener más información, vea Crear un nuevo control de usuario en un proyecto.

   Sugerencia:
   También puede definir grupos de estados para el documento principal (normalmente Page.xaml).

2. El panel Estados muestra la apariencia predeterminada de los objetos en el control de usuario. Puede seleccionar Base siempre que desee salir del modo de grabación de estado; por ejemplo, cuando desee agregar más objetos al documento.

   

3. En Estados, haga clic en Agregar grupo de estado.

   Se agrega un nuevo grupo de estados y el nombre se resalta para que pueda escribir un nuevo nombre.

   

   Ahora puede agregar estados al grupo o agregar más grupos de estados.

Para agregar estados a un grupo de estados

1. Junto al nombre de un grupo de estados, en Estados haga clic en Agregar estado .

   Se agrega un nuevo estado al grupo de estados y el nombre se resalta para que pueda escribir un nuevo nombre.

   

2. Seleccione el estado para activar la grabación de estado. Los cambios realizados en la apariencia de los objetos del documento se grabarán en el estado seleccionado.

   

   Sugerencia:

   Cuando especifique estados y grupos de estado, tenga en cuenta todos los estados visuales que desee que muestre el control de usuario y, a continuación, identifique los estados que no desee mostrar al mismo tiempo. Esos estados deben enumerarse en el mismo grupo de estados, porque sólo se puede mostrar un estado de un grupo de estados de cada vez. Por ejemplo, en la siguiente imagen se muestra un control de usuario que representa una carta de una baraja. Hay dos grupos de estado definidos: MouseInteraction y SideDisplayed. El grupo de estados MouseInteraction incluye los estados de Click, MouseOver y Normal: estados que no se muestran a la vez. El grupo de estados SideDisplayed incluye los estados que muestra la carta cara arriba (FaceUp) y cara abajo (FaceDown). Una carta puede estar cara arriba y puede hacer que el puntero del mouse se mueva sobre ella al mismo tiempo, de modo que ambos estados se encuentran en grupos de estados distintos.

Para establecer el tiempo de transición para que el control de usuario cambie entre estados

• Para establecer el tiempo de transición con el fin de que el control de usuario cambie entre dos estados en un grupo de estados, haga clic en el cuadro de texto Transición predeterminada y escriba un nuevo tiempo. Esto establecerá cuánto tarda el control de usuario en cambiar entre los distintos estados del grupo de estados.

  

• Para reemplazar el tiempo de transición predeterminado de transiciones específicas, haga clic en Agregar transición  al lado de un estado y, a continuación, seleccione la transición específica de la lista que aparece. El elemento de la lista que está resaltado con el puntero del mouse en la siguiente imagen indica "del estado Click a cualquier otro estado" donde la flecha corresponde a "a" y el asterisco (*) corresponde a "cualquier estado."

  

  Haga clic en el cuadro de texto Duración de la transición y escriba un nuevo tiempo.

  

Solución de problemas

• Si tiene problemas al generar la aplicación, es posible que no tenga instalada la versión correcta de Silverlight. Para obtener más información, vea Instalar Silverlight Tools y el visor en tiempo de ejecución.

Pasos siguientes

• Puede hacer que el control de usuario responda a los clic del mouse. Para obtener más información, vea Cambiar estados en respuesta a una interacción del usuario.

• Puede agregar animación, como hacer que el botón gire sobre sí mismo cuando el puntero del mouse se mueva sobre él. Para obtener más información, vea Agregar animación que se reproducirá después de cambiar un estado.

• Puede ver situaciones reales que usan estados y grupos de estado en los tutoriales de vídeo sobre la forma de hacer las cosas en el sitio web de la comunidad de Expression (puede estar en inglés).