单行水平滚动/可滑动GridView

use*_*851 4 c# xaml gridview windows-runtime uwp

我想要一个可以通过鼠标和触摸滑动水平滚动的单行GridView.GridView将通过绑定显示图像,以便从图像阵列中选择单个图像.

除了水平滚动不起作用外,一切正常(装订,图像选择等).XAML代码如下所示.

我错过了什么?

<GridView x:Name="IconGridView"
    Grid.Row="0"
    Margin="8,12"
    DataContext="{x:Bind IconManagerObj}"
    DoubleTapped="{x:Bind IconGridView_DoubleTapped}"
    IsItemClickEnabled="True"
    IsSwipeEnabled="True"
    ItemsSource="{Binding Path=IconImageInfo}"
    ScrollViewer.HorizontalScrollBarVisibility="Auto"
    ScrollViewer.HorizontalScrollMode="Enabled"
    ScrollViewer.VerticalScrollMode="Disabled"
    SelectionMode="Single"
    Tapped="{x:Bind IconGridView_Tapped}">

    <GridView.ItemsPanel>
        <ItemsPanelTemplate>
            <ItemsWrapGrid Orientation="Horizontal" />
        </ItemsPanelTemplate>
    </GridView.ItemsPanel>

    <GridView.ItemTemplate>
        <DataTemplate>
            <StackPanel Margin="4,8"
            HorizontalAlignment="Center"
            BorderBrush="{ThemeResource SubtleBlueBrush}"
            BorderThickness="1">
               <Image Width="150" Source="{Binding IconImage}Stretch="Uniform"/>
           </StackPanel>
        </DataTemplate>
    </GridView.ItemTemplate>
</GridView>
Run Code Online (Sandbox Code Playgroud)

Jua*_*llo 7

你有一切正确,但ItemsWrapGrid 的Orientation必须是垂直的才能有一个水平ScrollViewer.

这里的文档https://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.itemswrapgrid.aspx解释说:

当值为Vertical时,网格会从上到下按列添加项目,然后从左到右换行.项目列水平滚动或平移.