xaml - 调整 GridView 项目的大小以填充 GridView？

Question

我有这个问题的反面: How do I dynamically size a GridView Item?

我有一个包含两行和四列的 GridView。所需的行为是让 GridViewItems 填充单元格，但我想不出一种方法来做到这一点。 GridViewItem 是一个包含一些其他内容的网格，我将其作为数据模板。我可以为项目提供宽度和高度，但这只适用于一种分辨率，我需要项目是动态的和成比例的，所以如果它们显示在不同的设备上，它们将继续是 2 行，每行 4 个项目。

在另一个页面上，我有一个具有相同布局的静态网格，每个单元格中包含矩形。这些会自动拉伸(stretch)，我已经尝试将它们的宽度和高度存储在我在 Rectangle 的 SizeChanged 上获得的 DependencyProperties 中，但我不知道如何绑定(bind)到它们。

页面 XAML 是这样的:

                    <Grid x:Name="Pane2LayoutGrid" 
                    Grid.Column="1">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="90"/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>

                    <TextBlock x:Name="TitleText" Text="Favorites" Style="{StaticResource TitleBarHeader}"/>

                    <GridView x:Name="GridView" 
                        Grid.Row="1" 
                        Margin="0,10,0,8" 
                        Style="{StaticResource GridView}" 
                        ItemsSource="{Binding Items, Source={StaticResource vm}}" 
                        />

                </Grid>

和数据模板:

                <DataTemplate>
                <Grid>

                    <Border x:Name="Border" Style="{StaticResource GridBorder}">

                        <Grid x:Name="grid" Style="{StaticResource Grid}" >
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="1.3*"/>
                                <ColumnDefinition Width="2*"/>
                            </Grid.ColumnDefinitions>
                            <!-- rows for alignment -->
                            <Grid.RowDefinitions>
                                <RowDefinition Height="1*"/>
                                <RowDefinition Height="3*"/>
                                <RowDefinition Height="1*"/>
                            </Grid.RowDefinitions>
                            <TextBlock x:Name="Text1" Grid.Row="1" Text="{Binding Title}" Style="{StaticResource Title}" />
                            <TextBlock x:Name="Text2" Grid.Row="1" Text="{Binding Subtitle}" Style="{StaticResource SubTitle}" />
                        </Grid>

                    </Border>
                </Grid>
            </DataTemplate>

Answer 1

我的队友 Dwayne 找到了解决方案，但我们花了一段时间才弄明白。

• 为 GridViewItem 的所需宽度创建 DependencyProperties 和 高度。
• 在其 SizeChanged 事件中测量 GridView 的大小。 (我们的问题是试图获得一个不为零的值——其他事件 不会在正确的时间呈现面板。)
• 将 ItemContainer WrapGrid 的 ItemWidth 和 ItemHeight 绑定(bind)到这些 DependencyProperties。在 DataTemplate 中设置宽度和高度将不起作用。

其中一个问题是需要将一堆单独的小块拼接在一起。