SimpleButton

El botón es un control de contenido que reacciona ante un evento Click. Para colocar contenido en un botón en Microsoft Expression Blend, haga doble clic en el botón y dibuje un elemento en él. Si desea colocar varios elementos dentro del botón, primero deberá agregar un panel de diseño, como el de cuadrícula o lienzo. 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 de control SimpleButton está formada por los siguientes elementos:

• Un panel de diseño de cuadrícula que se usa para contener los diversos elementos secundarios del botón. El elemento de cuadrícula 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 usa 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

  

Volver al principio

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 de 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.

Volver al principio

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.

Volver al principio

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. Expression Blend busca un panel de diseño como el control Grid y lo activa de forma predeterminada para que los elementos nuevos de la mesa de trabajo se agreguen como elementos 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 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 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.

Volver al principio

Vea también

Conceptos

Inténtelo: Crear un botón mediante efectos de imagen

Inténtelo: Agregar animación a un botón

Inténtelo: crear un botón de sustitución