Xaml 如何获得Microsoft Weather应用程序中的水平滚动？

在移动版的Windows UWP Microsoft weather应用程序中，有一个滚动查看器可垂直向下滚动页面

但是在页面中，有一个可以水平滚动的每日预测。我曾尝试在页面上的垂直滚动查看器中使用滚动查看器，但无法使水平滚动查看器中的内容滚动

我有的是这样的东西

<Page ...>

<Grid >

    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition />
    </Grid.RowDefinitions>


    <!--EntranceNavigationTransitionInfo.IsTargetElement="True"-->
    <ScrollViewer  Grid.Row="1"  ScrollViewer.VerticalScrollMode="Enabled"  HorizontalAlignment="Stretch"   VerticalAlignment="Stretch" ViewChanged="ScrollViewer_ViewChanged"  >

        <StackPanel HorizontalAlignment="Stretch" VerticalAlignment="Center"  Margin="15,0,15,0" >



            <Grid HorizontalAlignment="Center" Padding="0,0,0,20">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <StackPanel Orientation="Vertical" Grid.Column="0">

                </StackPanel>
            </Grid>



            <Grid HorizontalAlignment="Center">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                    <ColumnDefinition Width="Auto" ></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <StackPanel Grid.Column="0" Orientation="Vertical" Padding="0,0,0,0" Margin="0,0,15,0">


                </StackPanel>
                <StackPanel Grid.Column="1" Orientation="Vertical">


                </StackPanel>
            </Grid>

            <RichTextBlock Foreground="White"  Margin="0,20,0,0"   VerticalAlignment="Bottom">

            </RichTextBlock>

            <ScrollViewer Margin="0,20,0,0" HorizontalScrollMode="Enabled" HorizontalAlignment="Stretch" VerticalScrollMode="Disabled" VerticalScrollBarVisibility="Disabled">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">

                    <!--In here i have horizontal row of items that I want the user to scroll horizontally to view them like in the MS Weather app -->

                </StackPanel>
            </ScrollViewer>

        </StackPanel>

    </ScrollViewer>
</Grid>

---

我建议您添加

水平滚动条visibility=“Visible”

。这可能是因为在

滚动视图

中有一个

滚动视图

，所以会有一个bug。应该是这样的:

<ScrollViewer Margin="0,20,0,0" HorizontalScrollMode="Enabled" HorizontalAlignment="Stretch" VerticalScrollMode="Disabled" VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Visible">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">

                    <!--In here i have horizontal row of items that I want the user to scroll horizontally to view them like in the MS Weather app -->

                </StackPanel>
            </ScrollViewer>

---

希望有帮助

成功了。非常感谢！但请修复答案中的最后一个scrollviewer属性，该属性应为HorizontalScrollBarVisibility='Visible'。抱歉。修好了！很高兴这有帮助！：）