如何在 GridView 中为 Windows 10 通用应用程序添加水平滚动？答案

【问题标题】：How add horizontal scrolling in GridView for windows 10 universal app?如何在 GridView 中为 Windows 10 通用应用程序添加水平滚动？
【发布时间】：2015-11-06 13:22:55
【问题描述】：

我在我的 Windows 10 通用应用程序中使用带有 SemanticZoom 的 GridView。这是我的简单测试代码：

<SemanticZoom.ZoomedInView>
        <GridView x:Name="Nums" >
            <GridViewItem>1</GridViewItem>
            <GridViewItem>2</GridViewItem>
            <GridViewItem>3</GridViewItem>
            ...
            <GridViewItem>299</GridViewItem>
            <GridViewItem>300</GridViewItem>
        </GridView>
    </SemanticZoom.ZoomedInView>


    <SemanticZoom.ZoomedOutView>
        <ListView>
            <ListViewItem x:Name="Group1">1-100</ListViewItem>
            <ListViewItem x:Name="Group2">101-200</ListViewItem>
            <ListViewItem x:Name="Group3">201-300</ListViewItem>
        </ListView>
    </SemanticZoom.ZoomedOutView>
</SemanticZoom>

如果我改变页面大小出现垂直滚动。但我需要水平滚动。我尝试在我的 GridView 中添加

      ScrollViewer.HorizontalScrollBarVisibility="Auto"
      ScrollViewer.HorizontalScrollMode="Enabled"
      ScrollViewer.VerticalScrollMode="Disabled"

但这不起作用。如何在 GridView 中添加水平滚动？

【问题讨论】：

乍一看，这看起来是正确的，但我想如果你在这里大声笑就不是这样了。可以尝试添加ScrollViewer.IsHorizontalRailEnabled="True"
我在 Windows 10 上尝试此代码。如果我为 Windows 8.1 创建项目 - 水平滚动显示。

标签： c# xaml scroll windows-10 win-universal-app

【解决方案1】：

我决定了我的问题。此工作代码：

  <SemanticZoom.ZoomedInView >
        <GridView  ScrollViewer.VerticalScrollBarVisibility="Auto"  
      ScrollViewer.HorizontalScrollBarVisibility="Auto"
      ScrollViewer.HorizontalScrollMode="Auto">

            <GridView.ItemsPanel>
                <ItemsPanelTemplate>
                    <ItemsWrapGrid  Orientation="Vertical" MaximumRowsOrColumns="3"/>
                </ItemsPanelTemplate>
            </GridView.ItemsPanel>
            ....
    </SemanticZoom>

【讨论】：