Cómo: Crear un diseño dinámico controlado por datos

Actualización: noviembre 2007

Windows Presentation Foundation (WPF) proporciona controles que admiten diseños dinámicos controlados por datos. El uso de estos controles con WPF Designer facilita la creación de estos tipos de diseños. Puede utilizar los controles siguientes en las aplicaciones:

• ListView

• GridView

El control ListView proporciona la infraestructura necesaria para mostrar un conjunto de elementos de datos en distintos diseños. GridView se suele utilizar junto con el control ListView para mostrar datos en columnas. Para obtener más información, vea Información general sobre ListView y Información general sobre GridView.

Agregar y configurar un control ListView

Para agregar y configurar un control ListView

1. En el grupo Controles del Cuadro de herramientas, arrastre un control ListView hasta un panel, como Grid.

2. En la ventana Propiedades, establezca las propiedades siguientes para el control ListView a fin de maximizar su comportamiento dinámico:

   Propiedad	Valor sugerido
   Width	Auto
   Height	Auto
   HorizontalAlignment	Stretch
   VerticalAlignment	Stretch
   Margin	0

3. En el menú Archivo, haga clic en Guardar todo.

Agregar y configurar un control GridView

Para agregar y configurar un control GridView

1. En la vista XAML, localice el elemento ListView. Tiene la apariencia siguiente:

   <ListView <ATTRIBUTES> />
   

2. Reemplace el elemento ListView con el marcado siguiente: Agregue nombres y más columnas si es preciso.

   Nota:
   El elemento ListView y los elementos GridViewColumn deben tener nombres explícitos si desea hacer referencia a ellos desde el código subyacente. Por ejemplo, deben tener nombres explícitos si hace referencia a ellos en el código de enlace de datos.

   <ListView x:Name="LISTVIEWNAME">
       <ListView.View>
           <GridView AllowsColumnReorder="True">
               <GridViewColumn x:Name="<COLUMNNAME>" Header="<COLUMNHEADER>"></GridViewColumn>
               Add more columns as necessary.
           </GridView>
       </ListView.View>
   </ListView>
   

3. En el menú Archivo, haga clic en Guardar todo.

Establecer la ventana para que ajuste su tamaño dinámicamente

La propiedad SizeToContent especifica cómo cambia el tamaño de Window cuando cambia el tamaño de su contenido. De manera predeterminada, esta propiedad está establecida en Manual, lo que significa que el usuario puede cambiar manualmente el tamaño de la ventana para ajustarla al contenido. Si establece esta propiedad en WidthAndHeight, la ventana ajusta su tamaño dinámicamente cuando su contenido cambia.

Para establecer la ventana de modo que ajuste su tamaño dinámicamente

1. Abra Window1.xaml en el diseñador.

2. En la vista Diseño, seleccione Window.

3. En la ventana Propiedades, establezca las siguientes propiedades para Window:

   Propiedad	Valor
   SizeToContent	WidthAndHeight
   Width	Auto
   Height	Auto

   Sugerencia:
   Cuando se establecen las propiedades Width y Height en Auto, se cambia el tamaño de la ventana para adaptarla a los controles y el contenido. Por consiguiente, debe establecer estas propiedades una vez agregados todos los controles y el contenido a la ventana.

4. En el menú Archivo, haga clic en Guardar todo.

Vea también

Tareas

Tutorial: Crear un diseño dinámico controlado por datos

Cómo: Mostrar el contenido de ListView mediante un control GridView

Conceptos

Sistema de diseño

Otros recursos

Trabajar con WPF Designer