Share via


Aplicar estilo a un control que muestra datos

Los datos se muestran al enlazar elementos de datos a objetos en la mesa de trabajo. Se pueden enlazar elementos de datos a las propiedades de cualquier objeto, tanto si está enlazando un valor de cadena que representa el valor hexadecimal de un color a la propiedad Background de un rectángulo, como si enlaza una colección de elementos de datos a la propiedad ItemsSource de un ListBox.

Para aplicar estilo a un objeto que muestra datos, puede modificar los parámetros del objeto o, si el objeto admite plantillas, puede modificar una de las plantillas que se aplican al objeto.

Modificar las propiedades del objeto en el panel Propiedades

Al seleccionar un objeto en la mesa de trabajo, se pueden modificar los valores del panel Propiedades para cambiar la apariencia y otros aspectos del objeto.

Por ejemplo, después de enlazar el objeto a los datos, puede modificar los encabezados de columna de las columnas de un objeto DataGrid.

Cambio del texto de los encabezados de columna en un objeto DataGrid

Cc294682.a2cebe0b-dc3d-45d5-9a30-23639e4bef48(ES-ES,Expression.30).png

Además, puede usar la propiedad AlternatingRowBackground en un objeto DataGrid para especificar el color de cada fila alterna.

Cambio del texto de las filas alternas de un objeto DataGrid

Cc294682.0547a4e7-d415-4589-99af-dbfdc369a793(ES-ES,Expression.30).png

Para obtener información general acerca de la modificación de objetos, vea Trabajar con objetos y propiedades.

Para obtener información específica acerca de las propiedades de los objetos individuales, vea los temas sobre la biblioteca de clases de Windows Presentation Foundation (en System.Windows.Controls (Espacio de nombres)) y Microsoft Silverlight (en System.Windows.Controls Namespace (Espacio de nombres)) (puede estar en inglés) en MSDN.

Modificar una de las plantillas que se aplican al objeto

Si el objeto es un control que usa plantillas, puede modificar las plantillas para cambiar la apariencia de dicho objeto y de todos los objetos que utilicen las mismas plantillas.

La mayoría de los controles usan varias plantillas para distintos elementos del control. Por ejemplo, el control ListBox usa muchas plantillas anidadas para aplicar estilo a cada uno de los elementos del ListBox: un visor de desplazamiento, barras de desplazamiento, las miniaturas de las barras de desplazamiento y los botones de paginación.

Plantillas anidadas en el control ListBox

Cc294682.b8a37dc0-a65e-4fe1-8a9f-df485bb1bbae(ES-ES,Expression.30).png

Cc294682.095c13e8-6ed8-4572-9bd2-b2d6bdfdf199(ES-ES,Expression.30).png

Control ListBox. El control ListBox es un contenedor de una lista de elementos que pueden estar enlazados a los elementos de un origen de datos, o bien que muestran objetos individuales sin enlazar.

Cc294682.e1a62fcf-2f5c-4263-95fe-a9bf97616b85(ES-ES,Expression.30).png

Control ScrollViewer en la plantilla ListBox.

Cc294682.b36987f6-e914-4b58-99f2-a76c47128837(ES-ES,Expression.30).png

Elemento sin enlazar en el control ListBox.

Cc294682.41999197-e26c-42b9-8039-58ce07f5b5ba(ES-ES,Expression.30).png

Control ScrollBar vertical en la plantilla ScrollViewer.

Cc294682.a5d608f2-bba2-48c5-8b15-2c115db86acc(ES-ES,Expression.30).png

Control Thumb vertical en la plantilla ScrollBar.

Cc294682.15de085f-48f5-41dd-a286-e3dcb4cfd18b(ES-ES,Expression.30).png

Control RepeatButton vertical en la plantilla ScrollBar para reducir el valor del control ScrollBar en incrementos grandes.

Cc294682.1d2fe38a-3fd8-4951-b978-7e44b6f2401d(ES-ES,Expression.30).png

Control RepeatButton vertical en la plantilla ScrollBar para reducir el valor del control ScrollBar en incrementos pequeños.

El control ListBox también incluye una plantilla de datos que aplica estilos a los elementos que se muestran en cada fila del objeto. La plantilla de datos es específica a los elementos que se enlazan al objeto. Por ejemplo, si arrastra un elemento de datos de cadena y un elemento de datos de imagen desde el panel Datos a un control ListBox, la plantilla de datos contendrá un objeto TextBlock para mostrar la cadena y un objeto Image para mostrar el archivo de imagen. Se puede aplicar estilos a estos objetos en la plantilla de datos.

Plantilla de datos de un objeto ListBox enlazado a datos

Cc294682.25738f24-f008-4283-9172-de0a0fbd81bf(ES-ES,Expression.30).png

Puede hacer que un control tenga un aspecto muy diferente de su apariencia predeterminada. Por ejemplo, la apariencia predeterminada de un objeto ListBox es parecida a la siguiente:

Objeto ListBox con la plantilla predeterminada

Cc294682.f3190de1-098e-4dc0-bc1d-4a44d091685f(ES-ES,Expression.30).png

Sin embargo, al modificar las plantillas, puede hacer que un objeto ListBox tenga un aspecto parecido al siguiente (del ejemplo ColorSwatchSL que se incluye en Microsoft Expression Blend):

Objeto ListBox con dos plantillas modificadas (ItemContainerStyle e ItemsPanel)

Cc294682.0a581ba0-08e1-4116-91bf-d1309c645ae0(ES-ES,Expression.30).png

Para obtener acceso a las plantillas que se aplican a los objetos, haga clic con el botón secundario en el objeto o bien seleccione el objeto y use la barra de ruta de navegación de la parte superior de la mesa de trabajo.

Abrir una plantilla mediante la barra de ruta de navegación

Cc294682.a7257528-6a90-47ac-8c31-ad3422395f38(ES-ES,Expression.30).png

Dentro de una plantilla se pueden agregar, quitar y modificar objetos del mismo modo que se haría fuera de ella. La funcionalidad del control ListBox permanece igual: contiene una lista de elementos, de los cuales se pueden seleccionar uno o varios.

Para obtener ejemplos específicos de cómo modificar plantillas de datos, vea Usar el control DataGrid y Usar el control TreeView.

Para obtener información general acerca de cómo aplicar estilos a los controles, vea Aplicar estilos a objetos.

Para obtener información detallada acerca de los elementos de un control o de una plantilla, vea Sugerencias para la aplicación de estilos a controles Silverlight comunes, o bien los temas de sobre la biblioteca de clases de Windows Presentation Foundation (en System.Windows.Controls (Espacio de nombres)) y Silverlight (en System.Windows.Controls Namespace (Espacio de nombres)) (puede estar en inglés) en MSDN.

También encontrará tutoriales y vídeos acerca de la aplicación de estilos a los controles en la página sobre aprendizaje de Expression Blend (puede estar en inglés).

Vea también

Conceptos

Sugerencias para la aplicación de estilos al control ListBox

SimpleListBox y SimpleListBoxItem

Aplicar estilos a objetos