9

我在看这个问题,发现了一些非常奇怪的事情:在某些涉及Grid.RowSpan.

Grid这是我正在测试的简单绘图:

---------------
| 1 | |
--------| 3 |
| 2 | |
---------------
| 4 |
---------------

这里有一些演示该问题的 Grid 示例代码:

<Grid ShowGridLines="True">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <StackPanel Grid.Column="0" Grid.Row="0" Grid.RowSpan="2" Background="Red">
        <Label Content="CELL 1 A"/>
        <Label Content="CELL 1 B"/>
        <Label Content="CELL 1 C"/>
    </StackPanel>

    <Grid Grid.Column="0" Grid.Row="2" Background="CornflowerBlue">
        <Label Content="CELL 2 D"/>
    </Grid>

    <StackPanel Grid.Column="1" Grid.Row="0" Grid.RowSpan="3" Background="Yellow">
        <Label Content="CELL 3 A"/>
        <Label Content="CELL 3 B"/>
        <Label Content="CELL 3 C"/>
        <Label Content="CELL 3 D"/>
    </StackPanel>


    <Grid Grid.Column="0" Grid.Row="3" Grid.ColumnSpan="2" Background="Green">
        <Label Content="CELL 4"/>
    </Grid>
</Grid>

最终结果是第 3 行(单元格 #2 和 #3)的高度有很多额外的空间:

在此处输入图像描述

如果我将Grid.RowSpan第一个和第三个单元格的 +/- 1 调整Grid.Row,并将第二个和第四个单元格的 +/- 1 调整为考虑额外的行,我会得到这个(正确的)结果:

在此处输入图像描述

如果我从单元格 #3 中删除足够多的元素,我也会得到正确的结果,以便它可以在单个行中呈现,如下所示:

在此处输入图像描述

奇怪的是,删除一些对象只会应用一些额外的空间

在此处输入图像描述

我一直在搞乱单元格 #1 和 #3 中的元素数量以及行数,但我似乎无法找出一个决定性的模式来解释这种行为。

Grid.RowSpan渲染此 Grid 以导致在单元格 #3 上出现额外空间时,WPF 在幕后究竟做了什么?

4

3 回答 3

1

我以前遇到过这种情况,就像我在这里关于额外空间的问题一样appearing in a ListView

根据我从微软员工那里得到的回复:

该错误涉及 VSP 的 Measure 算法中的一个步骤,该算法记住曾经发现的最大尺寸,并强制所有未来的 Measure 调用报告至少一样大的尺寸。在您的情况下,VSP 最初是在触发任何触发器之前测量的,因此它会计算大小,就好像一切都可见一样。当触发器触发并折叠按钮时,测量算法会计算正确的(小)尺寸,但随后会强制结果再次变大。

您的网格的行为类似于我的虚拟化堆栈面板的行为:RowDefinition的 Measure 调用发生了一些事情,这迫使它记住并始终报告更大的大小,即使稍后会出现更小的大小更好的。

简而言之,您可能在 WPF 中发现了一个错误,因为有无数的解决方法(将定义的总行数与所需的总行数相匹配,重新排列您的网格,无论其他什么......)可能永远不会引起注意。您只能通过打开 Microsoft Connect 错误并等待他们的回复来确认或反驳这一点。

于 2013-05-13T23:00:20.257 回答
0

正如 Rob 所说,这可能是 WPF 测量调用中的一个错误。所以我不知道你的答案。但是为了探索 WPF 应用程序的内部工作原理,我使用了Snoop。这是一个很棒的工具,类似于显示 HTML 元素的浏览器工具,snoop 向您展示您的 WPF 表单的布局、嵌套元素、元素的属性等。它在试图找出布局问题时帮助了我很多。我想我会提到。

于 2013-05-14T15:52:22.003 回答
0

对于 .NET 为什么你的第三行出错,我没有完整的答案。
但我认为你要求它做的事情是不合逻辑的,因为没有理由让 0,0 跨越两行。
共享行时,它们的长度可能不相等,并且 WPF 必须将长度添加到较短的部分。
在您的情况下,由于您在共享行中有共享行,因此 WPF 必须应用一些权重并且不能正确执行此操作。
如果您不跨越 0 0 则与第 0 行第 0 列和第 1 行第 0 列共享额外的额外空间,这(对我来说)是正确答案。

<Window x:Class="GridRowSizing.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <Style BasedOn="{StaticResource {x:Type Label}}" TargetType="Label">
            <Setter Property="BorderBrush" Value="Black"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Margin" Value="3"/>
        </Style>
    </Window.Resources>
    <Grid ShowGridLines="True">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <StackPanel Grid.Column="0" Grid.Row="0" Background="Red">
            <Label Content="CELL 1 A"/>
            <Label Content="CELL 1 B"/>
            <Label Content="CELL 1 C" BorderBrush="Black" BorderThickness="2"/>
        </StackPanel>
        <StackPanel  Grid.Column="0" Grid.Row="1" Background="CornflowerBlue">
            <Label Content="CELL 2 D" BorderBrush="Black" BorderThickness="2"/>
            <Label Content="CELL 2 E" BorderBrush="Black" BorderThickness="2"/>
        </StackPanel>
        <StackPanel Grid.Column="1" Grid.Row="0" Grid.RowSpan="2" Background="Yellow">
            <Label Content="CELL 3 A"/>
            <Label Content="CELL 3 B"/>
            <Label Content="CELL 3 C"/>
            <Label Content="CELL 3 D" BorderBrush="Black" BorderThickness="2"/>
            <Label Content="CELL 3 E" BorderBrush="Black" BorderThickness="2"/>
            <Label Content="CELL 3 F" BorderBrush="Black" BorderThickness="2"/>
        </StackPanel>
        <StackPanel Grid.Column="0" Grid.Row="2" Grid.ColumnSpan="2" Background="Green">
            <Label Content="CELL 4"/>
        </StackPanel>
    </Grid>
</Window>
于 2013-05-02T16:25:44.667 回答