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]

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 estado ni estados.

Para definir un grupo de estado para el control de usuario

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

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

2. El panel Estados del panel Interacción 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 el botón Agregar grupo de estado.

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

   

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

Para agregar estados a un grupo de estado

1. Al lado del nombre de un grupo de estado, en Estados haga clic en el botón Agregar estado .

   Se agrega un nuevo estado al grupo de estado 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 estado, porque sólo se puede mostrar un estado de un grupo de estado 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 estado MouseInteraction incluye los estados de Click, MouseOver y Normal: estados que no se muestran a la vez. El grupo de estado 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 estado 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 estado, haga clic en el cuadro de texto Duración predeterminada de la transición y escriba un nuevo tiempo. Esto establecerá cuánto tarda el control de usuario en cambiar entre los distintos estados del grupo de estado.

  

• Para reemplazar el tiempo de transición predeterminado de determinadas transiciones, haga clic en el botón 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 el visor en tiempo de ejecución y las herramientas de Silverlight 2.

Pasos siguientes

• Puede hacer que el control de usuario responda a los clic del mouse. Para obtener más información, vea Cambiar el estado 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).