在wp7中滚动页面的问题

Question

这是我的xaml代码，

<Grid x:Name="ContentPanel" Margin="12,164,12,-161" Grid.RowSpan="2"/>
    <ScrollViewer HorizontalAlignment="Left" VerticalAlignment="Top" Height="1192" Margin="0,171,0,-595" Grid.RowSpan="2">
        <Grid Width="478" Height="1197">
//content goes here
            <Image x:Name="ImageBox" Visibility="Visible" HorizontalAlignment="Left" Width="468" Margin="0,630,0,193"/>
//content goes here
        </Grid>
    </ScrollViewer>
</Grid>

问题是什么，即使滚动后我也看不到图像！ 只有我的图像的一部分可见，我该如何纠正这个问题？

Answer 1

除非我理解错误的问题，否则问题可能出在线上，

<Grid x:Name="ContentPanel" Margin="12,164,12,-161" Grid.RowSpan="2"/>

更改 Grid.RowSpan =“1”。

Answer 2

<Grid x:Name="ContentPanel" Margin="12" Grid.RowSpan="2" Height ="700"/>
    <ScrollViewer HorizontalAlignment="Left" VerticalAlignment="Top" Height="1192" Margin="0" >

//content goes here
            <Image x:Name="ImageBox" Visibility="Visible" HorizontalAlignment="Left" Width="468" Margin="0,20"/>
//content goes here

    </ScrollViewer>
</Grid>

Answer 3

请检查以下项目：

1. 由于Windows手机设计的最大高度为800，因此您的滚动高度可以达到最大值：800-164 = 636
2. 删除内容面板的负边距
3. 删除ScrollViewer的负边距，否则您的设计将从下行中删除。

您的代码应该是这样的：

<Grid x:Name="ContentPanel" Margin="12,164,12,0" Grid.RowSpan="2"/>
    <ScrollViewer HorizontalAlignment="Left" VerticalAlignment="Top" Height="636" Margin="0,0,0,0" Grid.RowSpan="2">
        <Grid Width="478" Height="1197">
            //content goes here
            <Image x:Name="ImageBox" Visibility="Visible" HorizontalAlignment="Left" Width="468" Margin="0,630,0,193"/>
            //content goes here
        </Grid>
    </ScrollViewer>
</Grid>

如果您的问题仍然存在，请更新问题以包含xaml代码。