Sugerencias para la aplicación de estilos a Simple Styles de WPF

Microsoft Expression Blend permite ir más allá del simple trabajo con controles del sistema o predeterminados al diseñar la interfaz de usuario (UI) para su aplicación. Puede personalizar y dar estilo a los controles para adaptarlos a su gusto y hacer que se comporten como desee y, mediante el uso de los recursos de Expression Blend, también puede proporcionar a sus controles una apariencia atractiva y única para diferenciar su aplicación de otras y, de esta forma, crear una marca muy personalizada o una interfaz de usuario uniforme en todas sus aplicaciones.

¿Qué son los estilos simples?

Los estilos simples son un conjunto de recursos de estilo personalizados y listos para usar en un conjunto de controles del sistema comunes, como los controles Button y ListBox. Expression Blend proporciona estos recursos de estilo simple porque la modificación del estilo de un control del sistema requiere cierto conocimiento de los estilos y plantillas de Windows Presentation Foundation (WPF) para no romper la funcionalidad del control. Puede usar los estilos simples en Expression Blend como un conjunto de recursos independiente que puede modificar rápidamente para crear una apariencia única para su aplicación, sin necesidad de entender el funcionamiento de los estilos y las plantillas de WPF.

Crear un control de estilo simple

Los estilos simples están disponibles en el panel Activos de la categoría Estilos si hace clic en Simple Styles. Después de seleccionar un estilo simple en el panel Activos, el icono del estilo simple aparece debajo del botón Activos y está seleccionado, listo para dibujarse en la mesa de trabajo. Al dibujar un estilo simple (como SimpleButton) en la mesa de trabajo, lo que en realidad hace es crear una instancia del control del sistema (como Button), pero con el estilo SimpleButton aplicado.

Panel Activos mostrando los controles de estilo simple disponibles

En la siguiente tabla, se enumeran los estilos simples disponibles y los controles a los que se aplican.

Estilo simple	Control al que se aplica	Iconos
SimpleButton	Button
SimpleCheckBox	CheckBox
SimpleComboBox	ComboBox
SimpleComboBoxItem	ComboBoxItem
SimpleExpander	Expander
SimpleLabel	Etiqueta
SimpleListBox	ListBox
SimpleListBoxItem	ListBoxItem
SimpleMenu	Menu
SimpleMenuItem	MenuItem
SimpleProgressBar	ProgressBar
SimpleRadioButton	RadioButton
SimpleRepeatButton	RepeatButton en un control ListBox
SimpleScrollBar	ScrollBar
SimpleScrollBarRepeatButtonStyle	RepeatButton en un control ScrollBar
SimpleScrollViewer	ScrollViewer
SimpleSeparator	Separator en un control ListBox, Menu o ToolBar
SimpleSlider	Slider
SimpleSliderThumb	Thumb en un control Slider
SimpleTabControl	TabControl
SimpleTabItem	TabItem en un TabControl
SimpleTextBox	TextBox
SimpleThumbStyle	Thumb en un control ScrollBar en un control ListBox
SimpleTreeView	TreeView
SimpleTreeViewItem	TreeViewItem en un control TreeView
SimpleTreeViewItemToggleButton	ToggleButton en un control TreeView

Modificar estilos simples

Los recursos de estilo simple se encuentran en un diccionario de recursos denominado SimpleStyles.xaml. Después de agregar un estilo simple a la mesa de trabajo desde el panel Herramientas, se agrega el diccionario de recursos SimpleStyles.xaml al proyecto y todos los recursos de estilo simple están visibles en el panel Recursos.

El diccionario de recursos SimpleStyles.xaml incluye recursos de pincel y otras plantillas que los estilos simples usan. Puede realizar cualquiera de los cambios siguientes en los estilos simples:

• Cambiar los colores   Los colores usados por todos los estilos simples se almacenan como recursos que puede cambiar.

  Para cambiar uno de los recursos de color, haga clic en el botón de flecha abajo situado junto al recurso de color en el panel Recursos.

  Para obtener información acerca de los pinceles, vea Establecer colores, pinceles y máscaras.

  Editar un recurso de pincel en el panel Recursos

  

• Cambiar el estilo   Puede usar el estilo de un control en Expression Blend para especificar las propiedades y los desencadenadores que usará como valores predeterminados el control al que se aplica el estilo. Las propiedades (como el color de pincel de fondo) afectarán a la apariencia del control y los desencadenadores afectarán a la forma en que el control responde ante los eventos y los cambios en las propiedades. Por ejemplo, el estilo SimpleButton incluye un desencadenador para la propiedad IsMouseOver (mouse sobre) que cambia la apariencia del botón cuando el usuario mueve el puntero del mouse sobre el control. El desencadenador se activa cuando la propiedad IsMouseOver (mouse sobre) cambia de False a True.

  Para cambiar uno de los estilos simples, haga clic en el botón Editar recurso situado junto al estilo simple en el panel Recursos.

  Editar un recurso de estilo en el panel Recursos

  

• Cambiar la plantilla de control   La plantilla de un control determina su apariencia mediante la definición de los controles secundarios que contiene el control. Por ejemplo, la plantilla de control del elemento SimpleTextBox contiene un elemento Grid, que a su vez contiene un elemento Border, que contiene un elemento ScrollViewer denominado PART_ContentHost. El elemento ScrollViewer muestra el contenido del TextBox cuando el estilo SimpleTextBox se aplica a un TextBox en la mesa de trabajo. Al igual que el estilo, puede establecer desencadenadores de propiedades y eventos en la plantilla del control.

  Para cambiar la plantilla de control de un estilo simple, haga clic en el botón Editar recurso junto al estilo simple en el panel Recursos, haga clic con el botón secundario en el elemento Estilo que aparece en el panel Objetos y escala de tiempo, elija Editar plantilla y haga clic en Editar actual.

  Editar la plantilla de control desde el ámbito de edición del estilo

  

  Sugerencia:
  Las plantillas de control están incluidas en los estilos, por lo que el estilo que se aplica a un control incluye la apariencia (partes) y el comportamiento del control. Es importante recordar esto al elegir entre Editar una copia y Editar actual.

Para obtener una comparación detallada entre estilos y plantillas, vea Aplicar estilos a un control que admite plantillas.

Aplicar un recurso de estilo a un control existente de la mesa de trabajo

Los estilos simples son recursos que pueden aplicarse y administrarse como cualquier otro recurso.

Para obtener un ejemplo, vea Aplicar un recurso de estilo.

Para obtener más información acerca de los recursos, vea Crear recursos reutilizables.