使用Animation类

让我们对Animation类进行一些实验。 这涉及实例化Animation类型的对象，然后调用Commit，它实际上开始动画。 Commit方法不返回Task对象; 相反，Animation类完全通过回调提供通知。配置Animation对象有几种不同的方法，其中一些可能涉及子动画，这就是演示Animation类的项目称为Con currentAnimations的原因。 但并非该计划中的所有演示都涉及儿童动画。XAML文件主要定义了一组按钮，用于触发动画并成为这些动画的目标：

        
             
                  
                       
                    
               
               
              
               
               
               
                       
              
               
               
          /StackLayout>
     
    

代码隐藏文件包含每个按钮的事件处理程序。

第一个Button的Clicked处理程序中的代码使用注释来标识Animation构造函数和Commit调用的所有参数。 总共有四种回调方法，每种方法在这里都表示为lambda函数，但没有最简洁的语法：

public partial class ConcurrentAnimationsPage : ContentPage{    __    public ConcurrentAnimationsPage()    {        InitializeComponent();    }    void OnButton1Clicked(object sender, EventArgs args)    {        Button button = (Button)sender;        Animation animation = new Animation(            (double value) =>                 {                    button.Scale = value;                }, // callback            1, // start            5, // end            Easing.Linear, // easing            () =>                 {                    Debug.WriteLine("finished");                } // finished (but doesn't fire in this configuration)            );        animation.Commit(            this, // owner            "Animation1", // name            16, // rate (but has no effect here)            1000, // length (in milliseconds)            Easing.Linear,             (double finalValue, bool wasCancelled) =>                {                    Debug.WriteLine("finished: {0} {1}", finalValue, wasCancelled);                    button.Scale = 1;                }, // finished            () =>                 {                    Debug.WriteLine("repeat");                    return false;                } // repeat            );    }    __}

Animation构造函数中的回调将Button的Scale属性设置为传递给该回调的值。该值的范围为1到5，如下两个参数所示。

Commit方法将所有者分配给动画。这可以是应用动画的可视元素或其他可视元素，例如页面。如果必须取消动画，则该名称将与所有者合并以唯一标识动画。应该使用相同的所有者来调用AnimationExtensions类中的AnimationIsRunning或AbortAnimation。 （你很快就会看到如何取消动画。）动画构造函数的最后一个参数名为finished，它是一个应该在动画完成时调用的回调，但在此配置中它不会被调用。幸运的是，Commit方法还有一个带有两个参数的完成回调。第一个应指示最终值（但在此配置中该值始终为1），第二个参数是bool，如果取消动画，则设置为true。在此示例中，两个完成的回调都会调用Debug.WriteLine，以便您可以确认已调用一个而不是另一个。 Commit调用中包含的完成回调将Scale属性设置回1，因此Button会快速恢复其原始大小。如果要应用缓动函数，可以在构造函数或Commit方法调用中指定它。第二个Button的Clicked处理程序与第一个Button非常相似，只是语法更加简洁。构造函数和Commit方法的许多参数都有默认值，构造函数已经利用了这些参数。 lambda函数的语法也已简化：

public partial class ConcurrentAnimationsPage : ContentPage{    __    void OnButton2Clicked(object sender, EventArgs args)    {        Button button = (Button)sender;        Animation animation = new Animation(v => button.Scale = v, 1, 5);        animation.Commit(this, "Animation2", 16, 1000, Easing.Linear,                         (v, c) => button.Scale = 1,                         () => true);    }    void OnStop2Clicked(object sender, EventArgs args)    {        this.AbortAnimation("Animation2");    }    __}

此Button的代码与上一个Button之间唯一的功能差异涉及重复回调。 当动画完成时 - 也就是说，在将值5传递给回调方法之后 - 调用传递给Commit方法的repeat和finished回调。 如果repeat返回true，则动画从头开始，并在结束时再次调用repeat和finished。

幸运的是，XAML文件包含另一个调用AbortAnimation来终止动画的Button。 AbortAnimation是一个扩展方法，因此必须在与Commit方法的第一个参数传递的相同元素上调用它，在这种情况下，它是页面对象。如果你想要几个彼此独立运行的并发永久动画，你可以为它们中的每一个创建一个Animation对象，然后在每个动画上使用一个返回true的重复回调调用Commit。