VariableSizedWrapGrid和WrapGrid儿童尺寸测量

Question

双方VariableSizedWrapGrid并WrapGrid有奇怪的测量-它们测量基础上的第一个项目的所有儿童.

因此,以下XAML将剪切第三个项目.

    <VariableSizedWrapGrid Orientation="Horizontal">
        <Rectangle Width="50" Height="100" Margin="5" Fill="Blue" />
        <Rectangle Width="50" Height="50" Margin="5" Fill="Red" />
        <Rectangle Width="50" Height="150" Margin="5" Fill="Green" />
        <Rectangle Width="50" Height="50" Margin="5" Fill="Red" />
        <Rectangle Width="50" Height="100" Margin="5" Fill="Red" />
    </VariableSizedWrapGrid>

似乎VariableSizedWrapGrid测量第一项,然后其余的孩子用第一项的所需大小进行测量.

任何解决方法？

Answer 1

您需要使用每个矩形 VariableSizeWrapGrid.ColumnSpan 和 VariableSizeWrapGrid.RowSpan 上的附加属性，并将 ItemHeight 和 ItemWidth 添加到 VariableSizeWrapGrid：

<VariableSizedWrapGrid Orientation="Horizontal" ItemHeight="50" ItemWidth="50"> 
    <Rectangle 
        VariableSizedWrapGrid.ColumnSpan="1" 
        VariableSizedWrapGrid.RowSpan="2"
        Width="50" Height="100" Margin="5" Fill="Blue" /> 
</VariableSizedWrapGrid>