Windows 8 手机堆栈面板答案

【问题标题】：Windows 8 phone StackpanelWindows 8 手机堆栈面板
【发布时间】：2014-07-03 02:34:02
【问题描述】：

在我的应用程序中，我想将部分网格相乘，然后将这些网格一个接一个地完成。如果我想添加更多部分但它们位于应用程序设计下方，则会出现问题。我试图添加一个 stackpanel 和 stackviewer 但都不起作用。用户应该能够向下滚动并查看所有部分。

提前谢谢你

代码看起来有点像这样；

<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>

用户应该能够向下滚动页面并查看所有网格，因为页面外有一个网格。

【问题讨论】：

标签： xaml windows-phone-8 stackpanel

【解决方案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>

【讨论】：