如何：构造数据驱动的动态布局

更新：2007 年 11 月

Windows Presentation Foundation (WPF) 提供的控件支持数据驱动的动态布局。在 WPF 设计器中使用这些控件可以轻松地创建这些类型的布局。您可以在应用程序中使用下列控件：

• ListView

• GridView

ListView 控件提供了一个基础结构，用于在不同的布局中显示一组数据项。通常，可以结合使用 GridView 和 ListView 控件以便在列中显示数据。有关更多信息，请参见 ListView 概述和 GridView 概述。

添加和配置 ListView

添加和配置 ListView

1. 从“工具箱”中的“控件”组中将一个 ListView 控件拖动到面板上，如 Grid。

2. 在“属性”窗口中设置 ListView 控件的下列属性，以便最大化动态行为：

   属性	建议值
   Width	Auto
   Height	Auto
   HorizontalAlignment	Stretch
   VerticalAlignment	Stretch
   Margin	0

3. 在“文件”菜单上单击“全部保存”。

添加和配置 GridView

添加和配置 GridView

1. 在“XAML”视图中找到 ListView 元素。该元素如下所示：

   <ListView <ATTRIBUTES> />
   

2. 用下面的标记替换 ListView 元素。根据需要添加名称和更多列。

   说明：
   如果要从代码隐藏部分对 ListView 元素和 GridViewColumn 元素进行引用，这些元素必须具有显式名称。例如，如果从数据绑定代码引用这些元素，则这些元素必须具有显式名称。

   <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. 在“文件”菜单上单击“全部保存”。

将窗口设置为动态调整大小

SizeToContent 属性指定当其内容的大小更改时 Window 的大小如何更改。默认情况下，此属性设置为 Manual，表示用户可以手动调整窗口的大小以适应内容。如果将此属性设置为 WidthAndHeight，则在窗口中的内容更改时窗口会动态调整大小。

将窗口设置为动态调整大小

1. 在设计器中打开 Window1.xaml。

2. 在“设计”视图中选择 Window。

3. 在“属性”窗口中设置 Window 的下列属性：

   属性	值
   SizeToContent	WidthAndHeight
   Width	Auto
   Height	Auto

   提示：
   将 Width 和 Height 属性设置为 Auto 时，窗口将调整大小以适应当前的控件和内容。因此，应该在将所有控件和内容添加到窗口中后再设置这些属性。

4. 在“文件”菜单上单击“全部保存”。

请参见

任务

演练：构造数据驱动的动态布局

如何：使用 GridView 显示 ListView 内容

概念

布局系统

其他资源

使用 WPF 设计器