wpf - 当其他列的内容折叠时，网格列不填充剩余空间

Question

我有一个包含 3 列的网格：第一个将其宽度设置为“*”，我相信它会填充其他列留下的任何剩余空间。 第二个的宽度为 8，第三个的宽度设置为“自动”，因此其大小会根据其内容而变化。

在我的第二列中，我有一个GridSplitter ，因此在拖动时我可以更改第一列和第三列的宽度。 这工作正常，问题是我的第三列中有一个网格，当切换时，其可见性将设置为折叠。 折叠时，我需要第一列来填充所有剩余空间。 我尝试通过多种方式做到这一点：

• 将第一列的HorizontalAlignment设置为Stretch
• 将第一列的Grid.Rowspan绑定到第三列的可见性，以便隐藏时 Rowspan 将更改为 3，并且由于其宽度使用“*”，因此理论上应该使用所有可用空间3 列。

奇怪的是，如果我不使用GridSplitter调整列的GridSplitter ，那么第一列将正确填充所有剩余空间。 但是调整大小后，第一列不会移动。 几乎就好像，当拖动 GridSplitter 调整列大小时，WPF 将两列的宽度更改为绝对值而不是它们的星号和自动值，从而使它们在调整大小后不会填充空间。

XAML 代码（压缩）按要求：

<Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
    <Grid x:Name="AssetListViewGrid" Grid.Column="0" Grid.RowSpan="{Binding Visibility, ElementName=AssetViewMetadataSplitter, Converter={StaticResource SplitterVisibilityToRowSpanConverter}}"  Margin="0 4 0 4">
    <!-- irrelevant code -->
    </Grid>
<GridSplitter x:Name="AssetViewMetadataSplitter" Grid.Column="1" Opacity="0.8" HorizontalAlignment="Center" Width="6" Margin="3 5 1 5" ToolTip="Grab to resize" Visibility="{Binding IsChecked, ElementName=GridHeaderVisibilityToggleButton, Converter={StaticResource VisConverter}}"/>
<Grid x:Name="MetadataGrid" Margin="4 2 4 2" Grid.Column="2" DataContext="{Binding MetadataViewModel}" Visibility="{Binding IsChecked, ElementName=GridHeaderVisibilityToggleButton, Converter={StaticResource VisConverter}}">
    <!-- irrelevant code -->
</Grid>

Answer 1

我也刚碰到这个。 在我的应用程序中，似乎 GridSplitter 实际上也将宽度值更改为绝对值而不是 *，所以我猜这就是行为。

我最终使用代码隐藏来解决它。 首先，命名第 1 列：

<ColumnDefinition Width="*" x:Name="Column1"/>

然后，为 MetadataGrid 可见性更改添加一个事件处理程序，并调用此代码将 Column1 重置为 * 宽度以填充其余部分：

Column1.Width = new GridLength(1, GridUnitType.Star);

您还可以尝试在 XAML 中使用样式触发器执行某些操作，以根据 MetadataGrid 的可见性状态将 Column1 宽度重置为 *。 我的情况要复杂得多，有自定义大小、不同的条件和扩展器，所以我使用了代码隐藏，所以我不确定 xaml 触发器是否适合你。 希望这有帮助。

Answer 2

这是一个有点旧的帖子，但如果其他人到达这里，我通过在其中添加空的 10000X1000 矩形来解决它

[ <Grid Grid.Row="1" Grid.Column="1" Height="auto" HorizontalAlignment="Left" SizeChanged="Grid_SizeChanged"> <Image x:Name="currentImage" Height="auto" Width="auto" /> <Rectangle Width="10000" Height="10000" ></Rectangle> <Canvas x:Name="currentImageOverLay"/> ]