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尝试将两列的绑定GridActualWidth外部的ScrollViewer,如下所示:

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