我有一个 WPF 页面，上面有一个 Grid。
有三排。第 0 行包含一个 GridView Height="*"。第 1 行包含一个 GridSplitter 和Height="auto". 第 2 行包含一个带有 的详细信息表单Height="2*"。
事情是这样的——我有一个按钮可以切换详细信息表单的可见性。这很好用。除了它只是隐藏第 2 行中的表单外，它不会扩展第 0 行中的 Grid 以填充空间。我想要的是按钮在第 0 行切换 GridView 以占用所有空间，然后切换回原来的位置。
显然在行内玩弄表单的可见性不会完成我想要的。
但是我需要玩什么？
如果有人想要一个纯粹的 XAML 解决方案，我可以想出一种方法来使用样式、设置器和触发器来隐藏拆分器和相关行。
我为我的风格使用了一个静态资源，它被设置为更改Height和MaxHeight何时设置特定的绑定布尔值。
<Style x:Key="showRow" TargetType="{x:Type RowDefinition}">
<Style.Setters>
<Setter Property="Height" Value="*"/>
</Style.Setters>
<Style.Triggers>
<DataTrigger Binding="{Binding MyShowRowBool}" Value="False">
<DataTrigger.Setters>
<Setter Property="Height" Value="0"/>
<Setter Property="MaxHeight" Value="0"/>
</DataTrigger.Setters>
</DataTrigger>
</Style.Triggers>
</Style>
我只是将样式应用于相关的行定义，它就像一个魅力：
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Style="{StaticResource showRow}"/>
<RowDefinition Style="{StaticResource showRow}"/>
</Grid.RowDefinitions>
值得注意的是，我在没有 MaxHeight 属性的情况下尝试了它，并且它没有正确折叠。添加它似乎对我有用。
假设我有这个 XAML 布局：
<Grid Name="MyGrid">
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition Height="Auto" />
<RowDefinition />
</Grid.RowDefinitions>
<MyControl1 ... Grid.Row="0" />
<GridSplitter Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Stretch" ShowsPreview="True" Height="5" />
<MyControl2 ... Grid.Row="2" />
</Grid>
然后我可以使用以下代码（相当于Height="0"XAML 中的设置）隐藏第二个控件（向下折叠拆分器）：
MyGrid.RowDefinitions[2].Height = new GridLength(0);
并使用以下代码展开它（相当于Height="1*"XAML 中的设置，这是 RowDefinition 的默认设置）：
MyGrid.RowDefinitions[2].Height = new GridLength(1, GridUnitType.Star);
当用户移动它时，这就是拆分器所做的事情。
我不得不在我自己的应用程序中引入一个附加依赖属性来处理这个问题：
<Grid c:GridSplitterController.Watch="{Binding ElementName=GS_DetailsView}">
<Grid.RowDefinitions>
<RowDefinition Height="1*" />
<RowDefinition Height="200" />
</Grid.RowDefinitions>
<SomeControl Grid.Row="0" />
<GridSplitter x:Name="GS_DetailsView"
Height="4"
Grid.Row="1"
VerticalAlignment="Top"
HorizontalAlignment="Stretch"
ResizeBehavior="PreviousAndCurrent"
ResizeDirection="Rows"
Visibility="{Binding ShowDetails,
Converter={StaticResource boolvis}}" />
<OtherControl Grid.Row="1"
Margin="0,4,0,0"
Visibility="{Binding ShowDetails,
Converter={StaticResource boolvis}}" />
</Grid>
首先在 a 上定义一个合适的附加属性DependencyObject：
public static GridSplitter GetWatch(DependencyObject obj)
{
return (GridSplitter)obj.GetValue(WatchProperty);
}
public static void SetWatch(DependencyObject obj, GridSplitter value)
{
obj.SetValue(WatchProperty, value);
}
public static readonly DependencyProperty WatchProperty =
DependencyProperty.RegisterAttached(
"Watch",
typeof(GridSplitter),
typeof(DependencyObject),
new UIPropertyMetadata(null, OnWatchChanged));
然后听IsVisibleChanged：
private static void OnWatchChanged(DependencyObject obj,
DependencyPropertyChangedEventArgs e)
{
if (obj == null) return;
if (obj is Grid)
{
var grid = obj as Grid;
var gs = e.NewValue as GridSplitter;
if (gs != null)
{
gs.IsVisibleChanged += (_sender, _e) =>
{
UpdateGrid(
grid,
(GridSplitter)_sender,
(bool)_e.NewValue,
(bool)_e.OldValue);
};
}
}
}
一旦您观察到这些更改，您需要保存或恢复GridLength您正在观察的行或列中的值（为简洁起见，我只包括行）：
// Given: static Dictionary<DependencyObject, GridLength> oldValues;
private static void UpdateGrid(Grid grid, GridSplitter gridSplitter, bool newValue, bool oldValue)
{
if (newValue)
{
// We're visible again
switch (gridSplitter.ResizeDirection)
{
case GridResizeDirection.Columns:
break;
case GridResizeDirection.Rows:
int ridx = (int)gridSplitter.GetValue(Grid.RowProperty);
var prev = grid.RowDefinitions.ElementAt(GetPrevious(gridSplitter, ridx));
var curr = grid.RowDefinitions.ElementAt(GetNext(gridSplitter, ridx));
if (oldValues.ContainsKey(prev) && oldValues.ContainsKey(curr))
{
prev.Height = oldValues[prev];
curr.Height = oldValues[curr];
}
break;
}
}
else
{
// We're being hidden
switch (gridSplitter.ResizeDirection)
{
case GridResizeDirection.Columns:
break;
case GridResizeDirection.Rows:
int ridx = (int)gridSplitter.GetValue(Grid.RowProperty);
var prev = grid.RowDefinitions.ElementAt(GetPrevious(gridSplitter, ridx));
var curr = grid.RowDefinitions.ElementAt(GetNext(gridSplitter, ridx));
switch (gridSplitter.ResizeBehavior)
{
// Naively assumes only one type of collapsing!
case GridResizeBehavior.PreviousAndCurrent:
oldValues[prev] = prev.Height;
prev.Height = new GridLength(1.0, GridUnitType.Star);
oldValues[curr] = curr.Height;
curr.Height = new GridLength(0.0);
break;
}
break;
}
}
}
剩下的就是一个合适的GetPreviousand实现GetNext：
private static int GetPrevious(GridSplitter gridSplitter, int index)
{
switch (gridSplitter.ResizeBehavior)
{
case GridResizeBehavior.PreviousAndNext:
case GridResizeBehavior.PreviousAndCurrent:
return index - 1;
case GridResizeBehavior.CurrentAndNext:
return index;
case GridResizeBehavior.BasedOnAlignment:
default:
throw new NotSupportedException();
}
}
private static int GetNext(GridSplitter gridSplitter, int index)
{
switch (gridSplitter.ResizeBehavior)
{
case GridResizeBehavior.PreviousAndCurrent:
return index;
case GridResizeBehavior.PreviousAndNext:
case GridResizeBehavior.CurrentAndNext:
return index + 1;
case GridResizeBehavior.BasedOnAlignment:
default:
throw new NotSupportedException();
}
}
此GridExpander控件继承表单 GridSpliter，可能适合您正在寻找的工作。感谢 Shemesh编写了我自己在 WPF 中使用的原始 Silverlight 版本。我发现自己几乎在尝试使用 GridSplitter 的所有地方都想要这个功能，所以它非常方便。