windows-phone-7 - 当内容高度 > 2000px 时 WP7 ScrollViewer Bug

Question

在我的项目中，我使用ScrollViewer 来显示一些长高度信息。

我是这样使用的:

<Grid Grid.Row="1" Height="630">
     <ScrollViewer Background="Red" Grid.Row="1">
         <Grid>
             <Rectangle Height="3000" Fill="LightBlue" Width="440"/>
          </Grid>
     </ScrollViewer>
</Grid>

   

但是，不幸的是，当 scrollView bar 的垂直高度 > 2000 时，矩形并没有完全显示。

我已经测试过没有 Grid 作为 ScrollViewer 的内容，只有 Rectangle 结果是一样的。

这个错误也发生在 Width 上。

您知道解决方法是什么吗？如何处理？

这post是同样的问题，没有任何修复。

---

测试完整的 xaml 是:

<Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
        <TextBlock x:Name="PageTitle" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>

    <Grid Grid.Row="1" Height="630">
        <ScrollViewer Background="Red" Grid.Row="1">
            <Grid>
                <Rectangle Height="3000" Fill="LightBlue" Width="440"/>
            </Grid>
        </ScrollViewer>
    </Grid>
</Grid>

Answer 1

如果它只是一个文本，您可以使用这个自定义控件:scrollable textblock .否则，将您的内容分成大小 < 2048 的 block 。

更新:

2048 像素是 GPU 缓存图形的限制。您可以在滚动查看器(总数 > 2048)中使用很多控件(< 2048)。在某些情况下一切都很好，但在某些情况下则不然

例如:

<ScrollViewer Background="#4FFF6060">
    <Grid Background="#FFFF8A8A" Width="240" HorizontalAlignment="Left" d:LayoutOverrides="Height">
        <Rectangle Fill="Blue" Height="4000" VerticalAlignment="Top" Width="120" HorizontalAlignment="Left"/>
        <Rectangle Fill="Red" Height="2000" VerticalAlignment="Top" Width="120" HorizontalAlignment="Right"/>
        <Rectangle Fill="Red" Height="2000" VerticalAlignment="Top" Width="120" HorizontalAlignment="Right" Margin="0,2000,0,0"/>
    </Grid>
</ScrollViewer>

在这种情况下，蓝色矩形裁剪为 2048 像素，但是两个 2000 像素高度的矩形一个放在另一个上面看起来不错。

第二个示例使用 StackPanel 显示 4000px 区域，它也有效

<StackPanel Background="#FFFF8A8A" HorizontalAlignment="Right" Width="240" d:LayoutOverrides="Height">
    <Rectangle Fill="#FF88FF00" Height="2000" Width="240" HorizontalAlignment="Right"/>
    <Rectangle Fill="#FF88FF00" Height="2000" VerticalAlignment="Top" Width="240" HorizontalAlignment="Right"/>
</StackPanel>