Question

更新9/17/2012：重申了问题并添加了娱乐步骤

我正在尝试将一个WrapGrid样式图库添加到ItemDetailPage。到目前为止，我发现实现此目的的唯一解决方案是创建组样式并使用DataTemplate选择器。在详细信息页面上执行此操作似乎有些过分，因为我需要为页面上的每个列创建一个类。

我尝试解决此问题，如下所示，但GridView独立于我的ScrollViewer滚动，这是不可接受的。

使用VS中的默认网格应用程序重新开始：

将此属性添加到SampleDataItem

// Add to SampleDataItem TODO: replace int with image url strings
private List<int> _subItems = null;
public List<int> SubItems
{
    get
    {
        if (_subItems == null)
        {
            _subItems = new List<int>();
            for (int i = 0; i < 50; i++)
                this._subItems.Add(i);
        }
        return this._subItems;
    }
    set { this.SetProperty(ref this._subItems, value); }
}

ItemDetailPage.xaml中的

替换ScrollViewer中的RichTextColumns：

 <!--Fixed column layout, replaces RichTextColumns from template-->    
  <Grid Grid.Row="1">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="800"/>
            <ColumnDefinition Width="1400"/>
        </Grid.ColumnDefinitions>
        <StackPanel>
            <TextBlock Text="{Binding Title}"/>
            <Image x:Name="image" MaxHeight="480" Margin="0,20,0,10" Stretch="Uniform" Source="{Binding Image}"/>                                     
        </StackPanel>
        <GridView ScrollViewer.HorizontalScrollMode="Disabled"  VerticalAlignment="Top" ItemsSource="{Binding SubItems}"  Grid.Column="1" ItemTemplate="{StaticResource GridViewDataTemplate1}" >
        </GridView>
    </Grid>

最后添加以下DataTemplate

<DataTemplate x:Key="GridViewDataTemplate1">
    <Grid Background="Yellow" Width="200" Height="200"/>
</DataTemplate>

Answer 1

您可以通过将GridView的HorizontalScrollMode设置为Disabled

来实现此目的

<GridView ScrollViewer.HorizontalScrollMode="Disabled" />

然而，我建议您考虑一下这里最好的方法。如果GridView与每个GridView不相关，请在不同的页面上显示它们。如果它们相关，则组合一个GridView。您可以使用DataTemplateSelector以不同方式设置组的项目样式。

项目细节ScrollViewer中嵌套的WrapGrid / GridView？

1 个答案: