Grid.Row上的動畫（全局偏移量）

Question

我得到了這個UserControl，它是一個大約10行10列的Grid。每個單元格包含1個文本塊或1-6個圖像。 我想要做的是動畫化每一行上的所有元素以進行滑動。但是，我無法找到一種方法來動畫整個Grid.Row來做到這一點。

我不能包裝在一個StackPanel /月的所有元素要麼因爲這將它們放入同一列...

任何人有一個解決的辦法？

謝謝

Answer 1

所以我想出了一個工作解決方案，它工作。也許不是那麼優雅，但它的功能與Lumia 920設備的功能相當。

void CreateLoadAnimationForRow(int row, int startTime) 
    { 
     foreach (var child in LayoutRoot.Children.Cast<FrameworkElement>().Where(x => Grid.GetRow(x) == row)) 
     { 
      AddToStoryboard(child, startTime); 
     } 
    } 
    void AddToStoryboard(FrameworkElement element, int startTime) 
    { 
     element.RenderTransform = new CompositeTransform(); 
     var doubleAnimation = new DoubleAnimation 
     { 
      From = -200, 
      To = 0, 
      Duration = new Duration(TimeSpan.FromSeconds(1)), 
      BeginTime = TimeSpan.FromMilliseconds(startTime) 
     }; 

     var objectAnimationUsingKeyFrames = new ObjectAnimationUsingKeyFrames() 
     { 
      BeginTime = TimeSpan.FromMilliseconds(startTime + 10) 
     }; 
     var discreteObjectKeyFrame = new DiscreteObjectKeyFrame() 
     { 
      KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0)), 
      Value = Visibility.Visible 
     }; 

     objectAnimationUsingKeyFrames.KeyFrames.Add(discreteObjectKeyFrame); 

     IEasingFunction easingFunction = new SineEase(); 
     easingFunction.Ease(2); 
     doubleAnimation.EasingFunction = easingFunction; 

     Storyboard.SetTarget(objectAnimationUsingKeyFrames, element); 
     Storyboard.SetTargetProperty(objectAnimationUsingKeyFrames, new PropertyPath("Visibility")); 

     Storyboard.SetTarget(doubleAnimation, element); 
     Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath("(FrameworkElement.RenderTransform).(CompositeTransform.TranslateX)")); 

     storyboardSlideIn.Children.Add(doubleAnimation); 
     storyboardSlideIn.Children.Add(objectAnimationUsingKeyFrames); 

    }