0
我的页面上有以下代码。Windows 8 XAML - GridView使用VariableSizeWrapGrid问题
<Page
x:Class="MyPage.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:MyProject"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<ScrollViewer>
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<Grid.RowDefinitions>
<RowDefinition Height="10*" />
<RowDefinition Height="400*" />
</Grid.RowDefinitions>
<TextBlock Grid.Row="0" Text="Some Header" FontSize="48" Margin="100, 50, 0, 0" />
<local:CustomGridView Grid.Row="1" HorizontalAlignment="Left" Margin="100, 0, 0, 0" ItemsSource="{Binding CollectionOfYears}">
<GridView.ItemsPanel>
<ItemsPanelTemplate>
<VariableSizedWrapGrid Orientation="Vertical" />
</ItemsPanelTemplate>
</GridView.ItemsPanel>
<GridView.ItemTemplate>
<DataTemplate>
<Grid Height="200" Width="200">
<Grid.Background>
<SolidColorBrush Color="{Binding Color}" />
</Grid.Background>
<StackPanel VerticalAlignment="Bottom">
<StackPanel.Background>
<SolidColorBrush Color="Black" Opacity="0.5" />
</StackPanel.Background>
<TextBlock FontSize="24" Margin="10" TextAlignment="Center" Text="{Binding Year}" />
</StackPanel>
</Grid>
</DataTemplate>
</GridView.ItemTemplate>
</local:CustomGridView>
</Grid>
</ScrollViewer>
</Page>
现在,我得到以下图像作为我的页面。
https://skydrive.live.com/redir?resid=59DBB22BE5D0430E!279
如何让gridview的填补文本块后留出了剩余的空间即空间被填满?然后,如何让变量sizewrapgrid向右流动而不是向下流动,同时仍然填充第一个以下的第二个tile等等?
编辑:我正在寻找实现该组的Windows存储完成。一件大件物品和其他物品围绕着它。