WPF 网格和 DataGrid 大小调整

Question

我尝试使用的 UserControl 基本上是这样布局的：

<Grid>
   <Grid.RowDefinitions>
       <Row Height="*"/>
       <Row Height="*"/>
   </Grid.RowDefinitions>
   <wpftoolkit:DataGrid x:Name="PrimaryGrid"/> <!-- ~10 rows -->
   <Border>
      <Grid>
         <Grid.RowDefinitions>
             <Row Height="*"/>
             <Row Height="*"/>
         </Grid.RowDefinitions>
         <wpftoolkit:DataGrid x:Name="SecondaryGrid"/> <!-- ~2 rows -->
         <wpftoolkit:DataGrid x:Name="OtherGrid"/> <!-- ~50 rows -->
      </Grid>
   </Border>
</Grid>

然后将此 UserControl 放置在我的 Window 中，作为一个 Grid，唯一一个带有 Height="*" 的网格。我对 DataGrid 的大小调整方式有疑问。

如果我将 UserControl 的 VerticalAlignment 设置为 Window 中的 Stretch，则 PrimaryGrid获取 UserControl 的 1/2 高度，Border 内的两个高度均获取 1/4。无论每个网格有多少行，它们的大小都是这样的，导致 OtherGrid 的垂直空间太小，而其他网格在滚动视图内有非行空白。

如果我将 VerticalAlignment 设置为 Top，网格的大小似乎与它们的内容相当合适，除了在 UserControl< 的底部留下了一个莫名其妙的空白。 /代码>。我使用了 Snoop，UserControl 的 RowDefinition 具有正确的 ActualHeight，但 UserControl 仅使用了它 - 80% 左右。

我真的不介意是否修复 Stretch 情况（How do I make the DataGrid not stretch more than its number of rows?） 或 Top< /code> case（如何使 UserControl 使用其可用的所有空间？）

Answer 1

摘要：对 UserControl 使用 Stretch，但对 UserControl 内的行高使用 Auto（而不是 *） 。

解释：“自动”意味着< /a>：所需的空间（这是您想要的），而“*”表示：所有可用空间的比例份额（导致 1/2、1/4、1/4 分配）。

由于您希望 UserControl 使用所有可用空间，因此 Stretch 是正确的选项（这正是这个意思）。如果您希望该行占用剩余的可用空间，请将 UserControl 内的其中一个行高设置回“*”。

Answer 2

这是一个常见问题，您真正想要的是 2 种完全不同的布局行为：当有空间容纳所有三个时自动调整大小，* 当没有空间时调整大小。您可以尝试一些有限制的快速修复：

• 自动调整大小（如前所述）
• DockPanel，每个设置为 Dock=Top - 这将具有与 VerticalAlignment=Top 类似的效果，但最后一个 DataGrid（仅 1）将伸展以填充剩余空间。如果第一个或第二个占用的空间比现有空间多，那也很糟糕，因为它们会将其他空间推出。
• 将 MinHeight/MaxHeight 与 DataGrid 上的其他 2 个更改之一结合起来设置，以防止它们失控。这会放弃一些自动布局的灵活性，以换取确保所有内容都显示出来。

除此之外，您还可以尝试更复杂的操作，例如创建自定义面板（或找到其他人已经制作的面板），或者创建一个 MultiValueConverter，它可以根据高度计算每个 DG 或行的适当高度（或 MinHeight、MaxHeight）设置。 UC 和每个 DG。

Answer 3

好吧，这就是我最终得到的结果。从布局的角度来看，它基本上满足了我的要求。后面的代码比我想要的多一点，但是哦，好吧。

在我的 DataContextChanged 事件处理程序中：

//for each grid
_reportObserver = new PropertyObserver<ItemCollection>(PrimaryGrid.Items)
    .RegisterHandler(c => c.Count, c => UpdateMaxHeight(PrimaryGrid));
UpdateMaxHeight(PrimaryGrid);

PropertyObserver 来自 http://joshsmithonwpf.wordpress.com/2009/07/11/one-way-to-avoid-messy-propertychanged-event-handling/

//Lots of ugly hard-coding     
private void UpdateMaxHeight(DataGrid grid)
{
   double header_height = grid.ColumnHeaderHeight;
   if (double.IsNaN(header_height))
      header_height = 22;
   double margin_height = grid.Margin.Bottom + grid.Margin.Top;
   grid.MaxHeight = header_height + margin_height + grid.Items.Count * (grid.RowHeight+2);

   UpdateLayout(); //this is key for changes to number of items at runtime
}

即使设置了 DataGrid 的 MaxHeight 后，情况仍然如此丑陋，所以我也必须在 RowDefinition 上设置最大高度。但这仍然不对，导致上面添加了 margin_height 。

<RowDefinition Height="*" MaxHeight="{Binding ElementName=PrimaryGrid, Path=MaxHeight}"/>

在某些时候，我会在丑陋的最大高度代码中考虑我可选的可见行详细信息。

就 Top 与 Stretch 而言，由于其他原因，我最终将用户控件放在 ListView 中。现在一切尺寸都很好。

再次感谢您关注我的问题。

Answer 4

只是想跟进这个问题。随着时间的推移，我上面提供的解决方案并没有达到用户的期望。我现在已经更改为这样的方案：

<ScrollViewer VerticalScrollBarVisibility="Auto">
   <Grid>
      <!-- row definitions -->
      <KentBoogart's Resizer ResizeDirection="South">
         <DataGrid/>
      </kb:Resizer>
      <kb:Resizer ResizeDirection="South">
         <DataGrid/>
      </kb:Resizer>
   </Grid>
</ScrollViewer>

在我使用此习惯用法的另一个地方，我将 Resizer 设置为将 MaxHeight 绑定到 ScrollViewer 的 ActualHeight 以防止其失控。这种设计可能会与整体滚动条以及 DataGrid 中的滚动条有点混淆，但是有了良好的边框和边距，还不错。