0

実際のコンテンツの背後にある画像の視差移動背景を作成しようとしています。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>
4

1 に答える 1

0

修正しました!StackPanelをCanvas要素内にラップする必要がありました。

于 2013-01-08T10:57:33.963 に答える