uwp之图片旋转动画实现

最新推荐文章于 2024-08-09 11:46:42 发布

hzw2945

最新推荐文章于 2024-08-09 11:46:42 发布

阅读量2.2k

点赞数 4

分类专栏： uwp开发文章标签： uwp 网易云音乐

本文链接：https://blog.csdn.net/hzw2945/article/details/72467820

版权

该博客展示了如何在UWP应用中实现类似网易云音乐封面旋转的动画效果。通过两种方式——XAML和C#代码，详细讲解了图片旋转的实现过程。XAML部分利用RenderTransform和CompositeTransform创建旋转动画，而C#代码则动态添加属性来实现相同效果。文章末尾提供了微软官方文档链接，供读者深入学习相关技术。

摘要由CSDN通过智能技术生成

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

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

xaml代码如下

<Grid x:Name="LayoutRoot" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.Resources>
            
        </Grid.Resources>
        <!--Ellipse是绘制一个椭圆形-->
        <Ellipse x:Name="ellipse" Width="200" Height="200" RenderTransformOrigin="0.5,0.5">
            <Ellipse.RenderTransform>
                <CompositeTransform/>
            </Ellipse.Rend