3

我有这个问题的反面: 如何动态调整 GridView 项的大小?

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

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

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>

所需的gridviewitems布局

4

1 回答 1

1

我的队友 Dwayne 有解决方案,但我们花了一段时间才弄清楚。

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

其中一个问题是一堆单独的小块需要缝合在一起。

于 2013-02-22T21:18:28.443 回答