SimpleButton

El botón es un control de contenido que reacciona ante un evento Click. Para colocar contenido en un botón en Blend para Visual Studio, haga doble clic en el botón y dibuje un objeto en él. Si desea colocar varios objetos dentro del botón, primero deberá agregar un panel de diseño, como Grid o Canvas. De manera predeterminada, un botón también puede mostrar texto. Para editar el texto, haga clic con el botón secundario en el botón y, a continuación, haga clic en Editar texto.

Vista de la mesa de trabajo de un control SimpleButton

Desglosar la plantilla de control

La plantilla del control SimpleButton está formada por los siguientes elementos:

• Panel de diseño Grid    Se usa para contener los diversos objetos secundarios del botón. El panel Grid también se usa porque facilita la incorporación de más objetos a la plantilla. Por ejemplo, si el objeto raíz fuera Border y el usuario intentara agregar otro objeto, éste último reemplazaría al objeto ContentPresenter porque Border solo puede tener un objeto secundario.

• Objeto Border    Se usa porque incluye una propiedad BorderThickness que se puede enlazar mediante plantilla a la propiedad BorderThickness del control de botón al que se aplica la plantilla.

• ContentPresenter   Se usa para mostrar la propiedad Content del botón al que se aplica la plantilla. Este objeto debe estar presente para mostrar el contenido del botón.

Desencadenadores de propiedad usados

Los desencadenadores de propiedad de la plantilla de control sirven para hacer que el control reaccione ante los cambios de propiedad. Puede hacer clic en los elementos en el panel Desencadenadores para ver las propiedades que cambian cuando se activa un desencadenador. Por ejemplo, en la plantilla SimpleButton, cuando la propiedad IsMouseOver pasa a ser True, el fondo del objeto Border cambia al color del recurso MouseOverBrush.

Pinceles usados

Los siguientes recursos de pincel del diccionario de recursos SimpleStyles.xaml se utilizan en la plantilla SimpleButton:

• La propiedad Background se establece mediante: NormalBrush cuando no hay ningún desencadenador activo; MouseOverBrush cuando IsMouseOver es True; PressedBrush cuando IsPressed es True; y DisabledBackgroundBrush cuando IsEnabled es False.

• La propiedad Border se establece mediante: NormalBorderBrush cuando no hay ningún desencadenador activo; DefaultBorderBrush cuando IsKeyboardFocused es True; PressedBorderBrush cuando IsPressed es True; y DisabledBorderBrush cuando IsEnabled es False.

• La propiedad Foreground se establece mediante DisabledForegroundBrush cuando IsEnabled es False.

Procedimientos recomendados e instrucciones de diseño

• En general, debe usar un control Grid como raíz de la plantilla si espera que el diseñador agregue más elementos visuales al control. Blend busca un panel de diseño como el control Grid y lo activa de forma predeterminada para que los objetos nuevos de la mesa de trabajo se agreguen como objetos secundarios del panel de diseño.

• Los desencadenadores de propiedad se usan para cambiar el aspecto del control en función de la acción del usuario, como un clic en un botón. Los desencadenadores de propiedad se prefieren a los desencadenadores de eventos porque se necesitan dos desencadenadores de eventos (por ejemplo, para los eventos MouseDown y MouseUp) para realizar la misma función que un desencadenador de propiedad (por ejemplo, para el estado IsPressed). Sin embargo, los desencadenadores de eventos se pueden usar para iniciar una escala de tiempo de animación para controles más complejos.

• En general, establecerá un cambio visual o de pincel en los estados IsMouseOver, IsPressed y IsEnabled (False). También puede usar el estado IsKeyboardFocused, que normalmente se usa para mostrar una línea de puntos alrededor del control.

Vea también

Tareas

Inténtelo: Agregar animación a un botón (soporte WPF en Blend)

Inténtelo: Crear un botón de sustitución (soporte WPF en Blend)