Sugerencias para la aplicación de estilos al control Button

El control Button representa un objeto que reaccionará a los datos proporcionados por el usuario con el mouse, el teclado u otro dispositivo de entrada, y producirá un evento Click.

Al igual que con los demás controles, el control Button se puede modificar y mostrar una apariencia muy distinta a la predeterminada. La apariencia predeterminada del control Button es la siguiente:

Propiedades de interés del control Button

El control Button es un control de contenido. Por tanto, puede mostrar texto en el control Button si establece la propiedad Content en Propiedades comunes en el panel Propiedades.

Establezca la propiedad ClickMode para determinar cuándo se desencadenará el evento Click: al hacer clic con el mouse o al soltarlo, o al pasar el puntero por encima del control Button.

Puede establecer estas propiedades de varias formas:

• Establecer las propiedades del objeto   Después de dibujar un objeto Button en la mesa de trabajo, puede establecer las propiedades del objeto directamente. Si desea que varios controles Button usen los mismos valores, establezca estas propiedades en un estilo.

• Establecer las propiedades en un estilo   Si establece las propiedades en el estilo del objeto Button, todos los objetos Button que usen ese estilo usarán esos valores. Puede sobrescribir los valores de un objeto específico.

  Para obtener más información, vea Crear un estilo.

El control Button cambia de apariencia según el estado en el que esté. Puede modificar la apariencia de cada estado en el modo de edición de plantilla seleccionando un estado en el panel Estados. Para obtener más información, vea los estados que se enumeran en las siguientes tablas, y vea Definir distintos estados visuales para un control.

Para especificar lo que sucede al hacer clic en el control Button, arrastre un comportamiento a un objeto Button o a un objeto de la plantilla Button. Para obtener más información, vea Agregar controles de comportamiento a objetos.

También puede enlazar el evento Click a un controlador de eventos. Para obtener más información, vea Escribir código que responda a eventos.

Elementos de la plantilla Button

El control Button no tiene elementos.

Estados del control Button

De forma predeterminada, el control Button puede estar en uno de los cuatro estados del grupo de estados CommonStates, que se pueden ver en el panel Estados al modificar una plantilla Button:

Nombre del estado	Descripción
Normal	Apariencia del control Button cuando no hay interacción con el control.
MouseOver	Apariencia del control Button cuando el usuario mueve el puntero sobre él.
Pressed	Apariencia del control Button cuando el usuario hace clic en él, o cuando el control recibe el foco y el usuario presiona ENTRAR o la BARRA ESPACIADORA.
Disabled	Apariencia el control Button cuando la propiedad IsEnabled está establecida en False.

El control Button puede estar en uno de los dos estados siguientes del grupo de estados FocusStates:

Nombre del estado	Descripción
Unfocused	Apariencia del control Button cuando no tiene el foco del teclado.
Focused	Apariencia del control Button cuando recibe el foco del teclado. Por ejemplo, es posible que un usuario presione la tecla TAB para recorrer los objetos de la aplicación hasta que el foco del teclado esté en el control Button.

Sugerencia:

Un grupo de estados contiene los estados visuales que forman parte de la misma categoría lógica y que no se pueden mostrar al mismo tiempo. Por ejemplo, el grupo CommonStates incluye estados relacionados con la interacción del usuario mediante un dispositivo de entrada como el mouse. Solo se puede mostrar un estado de este grupo de estados cada vez, pero un estado de un grupo sí se puede mostrar al mismo tiempo que un estado de otro grupo de estados.

Al seleccionar un estado, se activa la grabación del estado y se grabarán todos los cambios que se realicen para dicho estado. Para desactivar la grabación de un estado, haga clic en el botón de grabación  en la mesa de trabajo, o bien seleccione Base en el panel Estados.

Para convertir objetos en un control Button

Dado que el control Button no tiene elementos, es posible convertir cualquier objeto en un control Button.

1. Agrupe los objetos en un panel de diseño, seleccione el panel de diseño y, a continuación, en el menú Herramientas, haga clic en Convertir en control.

2. En el cuadro de diálogo que aparece, seleccione Button, dé un nombre a la plantilla y seleccione la ubicación donde se almacenará la plantilla.

   Para obtener información acerca de las ubicaciones, vea Crear un recurso.

3. Después de hacer clic en Aceptar, Microsoft Expression Blend entra en el modo de edición de plantilla y muestra los objetos que forman parte del control Button.

4. Si el grupo de objetos originales incluía un objeto TextBlock , el objeto TextBlock se convierte en un objeto ContentPresenter en la plantilla del control Button. Esto permite que el objeto Button muestre texto. Si los objetos originales no incluían un objeto TextBlock, se agregará automáticamente un objeto ContentPresenter a la plantilla. Si no necesita mostrar texto en la propiedad Content del objeto Button al que se aplicará esta plantilla, puede eliminar el objeto ContentPresenter.

5. Puede continuar modificando la plantilla en este modo. Por ejemplo, agregar o modificar objetos, o bien seleccionar un estado en el panel Estados para modificar la apariencia de la plantilla en dicho estado.

6. Considere la posibilidad de enlazar algunas de las propiedades de pincel de los objetos de la plantilla a las siguientes propiedades del objeto Button que finalmente usará la plantilla:

   • Background

   • BorderBrush

   • Foreground

   • BorderThickness

   Para obtener más información, vea Trasladar propiedades de objetos a la plantilla.

7. Para salir del modo de edición de plantilla, haga clic en [Button] en la barra de ruta de navegación situada en la parte superior de la mesa de trabajo, o haga clic en Ámbito superior en el panel Objetos y escala de tiempo.

Para obtener información sobre cómo aplicar una plantilla Button nueva a otros objetos Button, vea Aplicar o quitar un recurso.

Referencias

Encontrará información detallada acerca de las propiedades y eventos del control Button de Microsoft Silverlight en la galería de controles de Silverlight (puede estar en inglés) en MSDN.

Vea también

Tareas

Crear un control a partir de objetos existentes

Conceptos

Sugerencias para la aplicación de estilos a controles Silverlight comunes

SimpleButton

Aplicar estilos a un control que admite plantillas