UWP 高级动画答案

【问题标题】：Uwp advanced animationsUWP 高级动画
【发布时间】：2018-05-08 07:35:52
【问题描述】：

我想用 C# UWP 创建高级动画。

动画看起来像这样：

知道如何实现吗？

【问题讨论】：

既然你提到了 C# - 你想用后面的代码来做吗？
老实说，您可能只需要使用视频或特殊的像素着色器。我不认为这可以通过开箱即用的 WPF 动画来完成。
模糊下看起来像移动的形状或视频CompositionBackdropBrush
方钉圆孔。使用动画应用程序创建视频或 HTML 画布动画。如果是背景且不需要透明度，请使用视频。
您可以使用组合 API 来完成，但我太愚蠢了，无法理解这一点。祝你好运！

标签： c# animation uwp

【解决方案1】：

我不太确定你的模糊效果是什么。看起来这是一个与波浪相关的动画。所以让我们把你的动画分成两部分：

在下面的thread 上查看 Justin 的答案，答案将告诉您如何创建波浪动画。
正如 Jet Chopper 上面提到的，我们可以根据 MS doc 的示例代码添加模糊画笔（CompositionBackdropBrush）

所以要简单理解这一点，你可以：

从here下载贾斯汀的样本
将 BackdropBlurBrush 添加到他的项目中
在 MainPage XAML 中编写以下代码：

  <local:WaveProgressControl x:Name="WaveProgressControl" />

    <Rectangle Width="200" Height="200" Stroke="Red" StrokeThickness="3" >
        <Rectangle.Fill>
            <blureffect:BackdropBlurBrush BlurAmount="10"/>
        </Rectangle.Fill>
    </Rectangle>

上面的模糊效果是指包含您的 BackdropBlurBrush 的命名空间。这样，您就有了一个看起来像您想要的基本样本。你可以在此基础上修改你的项目。

【讨论】：