3
  • 我有一个网格作为背景容器
  • 此网格包含一个滚动查看器，因此当我向上调整窗口大小时，内容会随之扩展，但是当我向下调整窗口大小时，当我达到 sv 内容的 minWidth 时，滚动条会出现在滚动查看器上
  • 此滚动查看器包含一个包含两列的网格
  • 该网格在每一列中包含一个滚动查看器，每个滚动查看器又包含一个网格。
  • 我在第一列上有一个网格拆分器，以便我可以调整列的大小

免责声明：我知道这不是组织此布局的最佳方式，但这实际上是我发现的最简单的表示形式，可以重现我在更复杂的布局中遇到的问题，因此请不要提供会重新组织层的解决方案

这是 xaml ：

<Window x:Class="Test.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Text Project">

    <!--background grid-->
    <Grid>

        <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">

            <!--two columns layout-->
            <Grid MinWidth="600">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>

                <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
                    <Grid MinWidth="200" Background="Red"/>
                </ScrollViewer>

                <GridSplitter HorizontalAlignment="Right" VerticalAlignment="Stretch" Width="6"/>

                <ScrollViewer Grid.Column="1" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
                    <Grid MinWidth="200" Background="Blue"/>
                </ScrollViewer>
            </Grid>

        </ScrollViewer>

    </Grid>

</Window>

目标如下： - 如果我向上调整窗口大小，一切都会缩放 - 如果我向下调整大小，当我达到 minWidth 时，最上面的滚动查看器上的滚动条出现并且其内容停止收缩。（这部分工作正常） - 无论最上面的滚动查看器的大小如何，我都可以使用 gridsplitter 调整两列的大小 - 当我达到一列的最小宽度时，滚动条出现在该列的滚动查看器上并且其内容停止收缩

问题：第二部分永远不会发生。我得到的是我可以调整大小直到达到两个子网格之一的 minWidth，然后 gridsplitter 停止移动，我无法进一步缩小并且滚动条永远不会出现。

我注意到，如果我删除最顶层的网格及其关联的滚动查看器，它会按预期工作：

<Window x:Class="Test.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Text Project">

            <!--two columns layout-->
            <Grid MinWidth="600">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>

                <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
                    <Grid MinWidth="200" Background="Red"/>
                </ScrollViewer>

                <GridSplitter HorizontalAlignment="Right" VerticalAlignment="Stretch" Width="6"/>

                <ScrollViewer Grid.Column="1" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
                    <Grid MinWidth="200" Background="Blue"/>
                </ScrollViewer>
            </Grid>

</Window>

我不明白为什么我将内部网格放入滚动查看器这一事实会改变 gridsplitter 和内部滚动查看器的行为，所以我有人知道解决方案，我会很高兴

4

1 回答 1

7

Width尝试将两列的绑定Grid到ActualWidth外部的ScrollViewer，如下所示：

<!--two columns layout-->
<Grid MinWidth="600" Width="{Binding RelativeSource={RelativeSource AncestorType=ScrollViewer}, Path=ActualWidth}">
于 2013-03-12T11:33:19.583 回答