大小 GridViewItems 以填充 GridView? [英] Size GridViewItems to fill GridView?

问题描述

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

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

I have a GridView with two rows and four columns. The desired behavior is for the GridViewItems to fill the cell, and I can't figure out a way to do this. The GridViewItem is a Grid with some other content, which I have as a DataTemplate. I can provide a Width and Height for an item, but that only works for one resolution, and I need the items to be dynamic and proportional, so if they are displayed on a different device they will continue to be 2 rows of 4 items.

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

On a different page, I have a static Grid with the same layout, containing Rectangles in each cell. These stretch automatically, and I've tried storing their width and height in DependencyProperties that I get on the Rectangle's SizeChanged, but I can't figure out how to bind to them.

页面 XAML 是这样的:

The page XAML is this:

                    <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>

推荐答案

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

My teammate Dwayne had the solution, but it took us a while to figure it out.

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

一堆单独的小块需要缝合在一起的问题之一.

One of those problems with a bunch of separate little pieces needing stitching together.

这篇关于大小 GridViewItems 以填充 GridView?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！