Windows 8手机面板

Question

在我的应用程序中，我想要多个分区网格，然后这些网格一个接一个地完成页面。问题是，如果我想增加更多的部分，但他们下降到应用程序的设计。我试图添加一个堆栈面板和堆栈查看器，但两者都没有工作。用户应该能够向下滚动并查看所有部分。

提前谢谢你

代码看起来有点像这样；

<Grid Background="Teal">

                <Grid HorizontalAlignment="Left" Height="163" VerticalAlignment="Top" Width="480">
                </Grid>


                <Grid Height="130" VerticalAlignment="Top" Margin="0,164,0,0"> 
                </Grid>


                <Grid Height="140" VerticalAlignment="Top" Margin="0,295,0,0">
                </Grid>


                <Grid x:Name="ContentPanel" Margin="0,435,0,129">
                </Grid>

                <Grid x:Name="ContentPanel2" Margin="0,435,0,129">
                </Grid>

</Grid>

• 用户应该能够向下滚动页面，看到所有的网格，因为一个网格不在页面上。

Answer 1

您需要将<StackPanel>与<ScrollViewer>组合起来，以获得可滚动视图，如下所示：

<Grid Background="Teal">
    <ScrollViewer>
        <StackPanel>
            <Grid HorizontalAlignment="Left" Height="163" VerticalAlignment="Top" Width="480">
            ...
            </Grid>
            <Grid Height="130" VerticalAlignment="Top"> 
            ...
            </Grid>
            <Grid Height="140" VerticalAlignment="Top">
            ...
            </Grid>
            <Grid x:Name="ContentPanel">
            ...
            </Grid>
            <Grid x:Name="ContentPanel2">
            ...
            </Grid>
        </StackPanel>
    </ScrollViewer>
</Grid>