SimpleButton
El botón es un control de contenido que reacciona ante un evento Click. Puede colocar contenido en un botón en Microsoft® Expression Blend™ haciendo doble clic en el botón y dibujando un elemento en él. Si desea colocar varios elementos 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 del área de diseño de un control SimpleButton
Desglosar la plantilla de control
La plantilla de control SimpleButton está formada por los siguientes elementos:
- Un panel de diseño Grid que se usa para contener los diversos elementos secundarios del botón. El elemento Grid también se usa porque facilita la adición de otros elementos a la plantilla. Por ejemplo, si el elemento raíz fuera Border y el usuario intentara agregar otro elemento, éste último reemplazaría al elemento ContentPresenter porque Border sólo puede tener un elemento secundario.
- Un elemento Border que se usa porque incluye una propiedad BorderThickness que se puede enlazar mediante una plantilla a la propiedad BorderThickness del control de botón al que está aplicada la plantilla.
- Un elemento ContentPresenter que se utiliza para mostrar la propiedad Content del botón al que se aplica la plantilla. Este elemento debe estar presente para mostrar el contenido del botón.
Vista de objetos: partes básicas (plantilla) de un control SimpleButton
Desencadenadores de propiedad usados
Los desencadenadores de propiedad de la plantilla de control sirven para hacer que el control reaccione a los cambios de propiedad. Puede hacer clic en los elementos en Desencadenadores, en el panel Interacción, para ver las propiedades que cambian cuando está activo un desencadenador. Por ejemplo, en la plantilla SimpleButton, cuando la propiedad IsMouseOver es True, el fondo del elemento 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.
Prácticas recomendadas 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. Expression Blend busca un panel de diseño como el control Grid y lo activa de forma predeterminada para que los elementos nuevos del área de diseño se agreguen como elementos secundarios del panel de diseño.
- Los desencadenadores de propiedad se utilizan 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 son necesarios 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 utilizar 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.