为 WPF Grid 指定 ScrollViewer 减去滚动条的宽度

Question

我有一个 WPF UserControl，其中两个网格彼此重叠。底部网格位于 ScrollViewer 中。这个想法是让第一个网格成为第二个网格的标题。然而，我在列的宽度方面遇到了麻烦。两个网格都应该占据尽可能多的空间（窗口的宽度），但是顶部网格当然应该稍微宽一点，因为底部网格的右侧有一个滚动条。

这是我得到的简化的 Xaml：

<UserControl>
    <DockPanel>
        <Grid DockPanel.Dock="Top">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
        </Grid>
        <ScrollViewer>
            <Grid>
                <Grid.ColumnDefintions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefintions>
            </Grid>
        </ScrollViewer>
    </DockPanel>
</UserControl>

实际上渲染得很好，除了顶部网格的最右边的列延伸到滚动条上，这是我想避免的。

这是结果的图像：网格列和滚动条的宽度。红色表示列/单元格现在所在的位置，但我希望它停在蓝线处。我尝试过 SharedSizeGroups，但这似乎使我的网格再次变小（不占用窗口的全部空间）。

Answer 1

<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" Name="sv">
    <Grid MinWidth="{Binding ElementName=sv, Path=ViewportWidth}" MinHeight="{Binding ElementName=sv, Path=ViewportHeight}" />
</ScrollViewer>

问题是在 ScrollViewer 容器大小和网格大小之间设置正确的依赖关系。让我们只考虑宽度：上面的绑定允许 ScrollViewer 仅在必要时公开水平滚动条：

放大网格的单个列（例如，使用拆分器）不会引起其他列的大小调整（如果出现这种情况，则会发生这种情况）您绑定的是 Width 而不是 MinWidth）。

使用 ViewportWidth 而不是 ActualWidth 会考虑滚动条宽度（如果有）。

试试吧

Answer 2

此处找到了解决方案。我给了我的顶部 Grid 一个 Width：

Width="{Binding ElementName=BottomGrid, Path=ActualWidth}"