当滚动回屏幕时，应用程序屏幕外的项目会被切断

Question

我正在尝试在我的实际内容背后有一个视差移动背景图像。我根据John的解决方案添加了一个转换器： http://w8isms.blogspot.com/2012/09/parallax-background-in-xaml-revisited.html

视差滚动部分工作正常，虽然我偶然发现了以下问题 - 初始应用程序屏幕区域外的图像被切断，所以当我向右滚动时，只有白色区域开始出现而不是其他这些图像的内容必须重新绘制。有没有人知道我能做些什么来解决它？

这是我的代码：

<Grid Background="White">        
    <StackPanel Orientation="Horizontal">
        <StackPanel.RenderTransform>
            <CompositeTransform
               TranslateX="{Binding ElementName=MyScrollViewer, Path=HorizontalOffset, Converter={StaticResource ParallaxConverter}}" />
        </StackPanel.RenderTransform>
        <Image Source="1.jpg"/>
        <Image Source="2.jpg"/>
        <Image Source="3.jpg"/>
    </StackPanel>
    <ScrollViewer
       x:Name="MyScrollViewer"
       HorizontalScrollMode="Enabled"
       HorizontalScrollBarVisibility="Auto">
        <TextBlock
           VerticalAlignment="Center"
           FontSize="180"
           Text="Hello world! This text will extend to the right." />
    </ScrollViewer>
</Grid>

Answer 1

修正了它！不得不将我的StackPanel包装在Canvas元素中。