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

[本文档仅供预览，在以后的发行版中可能会发生更改。包含的空白主题用作占位符。]

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

• ListView

• GridView

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

添加和配置 ListView

添加和配置 ListView

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

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

   属性	建议值
   宽度	Auto
   高度	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. 在设计器中打开 MainWindow.xaml。

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

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

   属性	值
   SizeToContent	WidthAndHeight
   宽度	Auto
   高度	Auto

   提示

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

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

请参见

任务

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

如何：使用 GridView 显示 ListView 内容

概念

格式

其他资源

使用 WPF 设计器