uwp之图片旋转动画实现

先放效果图。类似网易云音乐播放音乐时封面旋转效果

两种实现方式，分别是前端（xaml）和后台（c#代码）实现，右边的图片旋转是在xaml实现，左边的长方形（其实是个Button控件）旋转是在c#代码里面实现

xaml代码如下

当完成了以上的xaml的时候，右边的旋转动画已经做好，只要在.cs文件里面相应的地方让动画开始或者暂停或者结束

//图片旋转动画开始
EllStoryboard.Begin();

//图片旋转动画暂停
EllStoryboard.Pause();

//图片旋转动画结束
EllStoryboard.Stop();

在.cs文件里面用c#代码来实现Button的旋转

private void Rotation()
        {
            
            button.RenderTransformOrigin = new Point(0.5, 0.5);
           
            CompositeTransform c = new CompositeTransform();
            
            button.RenderTransform = c;

            Storyboard storyboard = new Storyboard();
            DoubleAnimation animation = new DoubleAnimation
            {
                From = 0,
                To = 360,
                Duration = new Duration(TimeSpan.FromSeconds(20)),
            };
    
            Storyboard.SetTarget(animation, button);
            Storyboard.SetTargetName(animation, "button");
            Storyboard.SetTargetProperty(animation, "(UIElement.RenderTransform).(CompositeTransform.Rotation)");
            
            storyboard.Children.Add(animation);
            
            
        }

其实C#代码就是用代码把xaml里的属性加进去而已

最后附上微软官方文档对RenderTransform、CompositeTransform、Ellipse、Storyboard的说明
RenderTransform ：https://msdn.microsoft.com/zh-cn/library/system.windows.uielement.rendertransform(v=vs.110).aspx
CompositeTransform ：https://msdn.microsoft.com/zh-cn/library/system.windows.media.compositetransform(v=vs.95).aspx
Ellipse ：https://msdn.microsoft.com/zh-cn/library/system.windows.shapes.ellipse(v=vs.110).aspx
Storyboard： https://msdn.microsoft.com/zh-cn/library/system.windows.media.animation.storyboard(v=vs.110).aspx