如何在UWP中创建ReactiveUI网格？

Question

我想制作一个像这样的网格。每一行中的列只有7个，不超过7个且不少于7个 而且我想让它成为一个ReactiveUI。只要窗口更大，所有的  网格中的项目变得更大。每当窗口变小时，全部  网格中的项目变小。

所以我写了这样的代码：

 <ItemsControl Grid.Row="1" Name="FileItemsControl" Margin="30">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <VariableSizedWrapGrid MaximumRowsOrColumns="10" Orientation="Horizontal">

                    </VariableSizedWrapGrid>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Grid Background="Red" Margin="10,0" MaxHeight="130">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="0.6*"></RowDefinition>
                            <RowDefinition Height="0.1*"></RowDefinition>
                            <RowDefinition Height="0.3*"></RowDefinition>
                        </Grid.RowDefinitions>
                        <Viewbox Margin="10">
                            <TextBlock FontFamily="Segoe MDL2 Assets" Text="&#xE8A5;" Foreground="White" HorizontalAlignment="Center"></TextBlock>
                        </Viewbox>
                        <Viewbox Grid.Row="2">
                            <TextBlock  HorizontalAlignment="Center" Text="{Binding FileName}"></TextBlock>
                        </Viewbox>
                    </Grid>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>

事实证明是这样的一些问题：
1.如你所见，一行有7列，但没有填满网格。我需要的是将网格划分为每行7个部分。

2.无论何时我将窗口缩小，每行中的列都不再是7。

3.即使我使用了视窗，每当我使窗口变小或变大时，网格中所有项目的大小都不会发生变化。我认为这是问题1的现实，但我不确定。

也许我没有说清楚，我为我可怜的英语道歉。但我希望你能帮我解决这个问题。

非常感谢。