xaml - Windows8GridView-視差背景画像

Question

グリッドビューをスクロールするときに視差効果を実装する方法について何かアイデアはありますか？Windowsのホーム画面に似た、スクロール時に背景画像を移動する効果を探しています。

ありがとう

Answer 1

GridViewをスクロールし、背景の画像の位置を更新するために使用されるScrollViewerでScrollViewer.ViewChangedを処理する必要があります。WinRTXAMLツールキットのVisualTreeHelperExtensions拡張メソッドを使用してScrollViewerを取得できます-基本的に

ScrollViewer myScrollViewer = myScrollViewermyGridView.GetFirstDescendantOfType<ScrollViewer>();
myScrollViewer.ViewChanged += UpdateBackgroundImagePosition;

Answer 2

1）ScrollViewerにMyScrollviewerのような名前を付けます

2）次のようにRenderTransformをバックグラウンドユーザーインターフェイス要素に追加します。

  <your background.RenderTransform>
    <CompositeTransform TranslateX="{Binding ElementName=MyScrollViewer, Path=HorizontalOffset, Converter={StaticResource ParallaxConverter}}" />
  </your background.RenderTransform>

3）ParallaxConveterを実装します（-.1を掛けます）

詳細については、 http： //w8isms.blogspot.com/2012/06/metro-parallax-background-in-xaml.htmlを参照してください。