无法在Windows Store应用程序中水平滚动内容

Question

在我的应用程序中，我有一个“方向”设置为“水平”的StackPanel。 在我的StackPanel中有4张图片。 当我尝试水平滚动此内容时，它只能滚动几个像素，而看不到整个内容。 当我将StackPanel的方向更改为垂直时，我可以垂直滚动整个内容。 为什么无法进行滚动滚动？ 有什么想法可以解决这个问题吗？

<Grid>
        <ScrollViewer>
            <StackPanel Orientation="Horizontal" >
                <Canvas Margin="120,0,0,0"
                        Width="310"
                        Height="390">
                    <Image Width="310"
                           Height="390" 
                           Source="ms-appx:///Assets/Image/background_teaser.png"/>
                </Canvas>

                <Canvas Margin="120,0,0,0"
                        Width="310"
                        Height="390">
                    <Image Width="310"
                           Height="390" 
                           Source="ms-appx:///Assets/Image/background_teaser.png"/>
                </Canvas>

                <Canvas Margin="120,0,0,0"
                        Width="310"
                        Height="390">
                    <Image Width="310"
                           Height="390" 
                           Source="ms-appx:///Assets/Image/background_teaser.png"/>
                </Canvas>

                <Canvas Margin="120,0,0,0"
                        Width="310"
                        Height="390">
                    <Image Width="310"
                           Height="390" 
                           Source="ms-appx:///Assets/Image/background_teaser.png"/>
                </Canvas>
            </StackPanel>
        </ScrollViewer>
    </Grid

Answer 1

默认情况下，不启用水平滚动。

<ScrollViewer HorizontalScrollMode="Auto" HorizontalScrollBarVisibility="Auto">

Answer 2

在ScrollViewer中使用Stackpanels时遇到一些问题。 尝试将Stackpanel包装在另一个网格中。 正如其他人指出的那样，您需要在ScrollViewer上设置Horizo​​ntalScrollMode