Question

我正在尝试使用网格创建动画。这是一个登录屏幕。每当用户点击忘记密码时，我希望第二个网格从顶部动画并滑动直到它停在中心并点击它的可见性变化。我知道如何使用混合物来做到这一点，但事情是我从代码背后做的强迫。为此，我使用doublekeyframe类。在确定动画第二个网格的代码背后的问题时遇到了真正的麻烦。不知道问题是什么，以及如何动画如此严肃的帮助。

这是我的代码背后：

    Grid gd= this.FindName("SecondaryGrid") as Grid;
    DoubleAnimationUsingKeyFrames dm=new DoubleAnimationUsingKeyFrames();
    LinearDoubleKeyFrame l1=new LinearDoubleKeyFrame();
    LinearDoubleKeyFrame l2=new LinearDoubleKeyFrame();



    l1.Value=-703.203;
    l1.KeyTime=TimeSpan.FromSeconds(0);

    l2.Value=0;
    l2.KeyTime=TimeSpan.FromSeconds(1);

    dm.KeyFrames.Add(l1);
    dm.KeyFrames.Add(l2);

    dm.Duration=new Duration(TimeSpan.FromMilliseconds(3000));  

    Storyboard sb = new Storyboard();
    sb.Children.Add(dm);



      Storyboard.SetTarget(dm, gd);
      Storyboard.SetTargetName(dm, gd.Name);
      Storyboard.SetTargetProperty(dm, "Position");

      sb.Begin();
      SecondaryGrid.Visibility = Visibility.Visible;

Answer 1

Grid gd = this.FindName("SecondaryGrid") as Grid;
        DoubleAnimationUsingKeyFrames dm = new DoubleAnimationUsingKeyFrames();
        LinearDoubleKeyFrame l1 = new LinearDoubleKeyFrame();
        LinearDoubleKeyFrame l2 = new LinearDoubleKeyFrame();



        l1.Value = -703.203;
        l1.KeyTime = TimeSpan.FromSeconds(0);

        l2.Value = 0;
        l2.KeyTime = TimeSpan.FromSeconds(1);

        dm.KeyFrames.Add(l1);
        dm.KeyFrames.Add(l2);

        dm.Duration = new Duration(TimeSpan.FromMilliseconds(30000));

        Storyboard sb = new Storyboard();
        sb.Children.Add(dm);



        Storyboard.SetTarget(dm, gd);
        Storyboard.SetTargetName(dm, gd.Name);
        Storyboard.SetTargetProperty(dm, "(UIElement.RenderTransform).(CompositeTransform.TranslateY)");

        sb.Begin();

享受：）

修改

我所做的就是去了XAML并在其属性中创建了一个SecondaryGrid，然后进行渲染变换并点击编辑并将Y值设置为1然后我在XAML中看到我们得到了

<Grid.RenderTransform> <CompositeTransform TranslateX="0" TranslateY="1"/> </Grid.RenderTransform>

所以从这里我知道因为没有position属性所以我需要将targetProperty设置为渲染变换，因为我需要更改Y属性，因为它需要来自顶部到底部，它存在于Composite Transform.TranslateY中

通过wp8.1中的代码生成自定义网格动画

1 个答案: