GridView 中图像的水平列表

Question

我是 windows phone 开发的新手，我需要使用水平滚动以水平方式列出图像。我试过使用下面的代码

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
    <GridView Name="display" ItemsSource="{Binding}" Foreground="#FFE6D52E">
        <GridView.ItemsPanel>
            <ItemsPanelTemplate>
                <ItemsWrapGrid Orientation="Horizontal" MaximumRowsOrColumns="3"/>
            </ItemsPanelTemplate>
        </GridView.ItemsPanel>
        <GridView.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal" Margin="10">
                    <Image Source="{Binding Image}" Width="300" Height="300"/>
                </StackPanel>
            </DataTemplate>
        </GridView.ItemTemplate>
    </GridView>
</Grid>

但它垂直显示为附件

但我需要显示如下

请指导我达到预期效果

提前致谢

Answer 1

首先，将 Orientation 从 Horizontal 从 Horizontal 更改为 Vertical。其次，启用 ScrollViewer.VerticalScrollMode。

<GridView Name="display"
          VerticalAlignment="Top"
          ScrollViewer.HorizontalScrollBarVisibility="Auto"
          ScrollViewer.VerticalScrollBarVisibility="Disabled"
          ScrollViewer.HorizontalScrollMode="Enabled"
          ScrollViewer.VerticalScrollMode="Disabled"
          Foreground="#FFE6D52E">
    <GridView.ItemsPanel>
        <ItemsPanelTemplate>
            <ItemsWrapGrid Orientation="Vertical"
                           MaximumRowsOrColumns="3"/>
        </ItemsPanelTemplate>
    </GridView.ItemsPanel>
    <GridView.ItemTemplate>
        <DataTemplate>
            <Grid Margin="10">
                <Image Source="{Binding }" 
                       HorizontalAlignment="Center"
                       Stretch="Uniform"
                       Width="30" 
                       Height="30"/>
            </Grid>
        </DataTemplate>
    </GridView.ItemTemplate>
</GridView>

GridView 中图像的水平列表

Horizontal Listing of Images In GridView

xaml

windows-phone-8.1