c# - WPF 中的图标混合动画

Question

我喜欢 Material Design 的整个概念，尤其是它的动画!在我的手机 Musicplayer 上，当按下播放/暂停按钮时，一个非常简洁的动画开始在两个图标之间混合，如下所示:

如何在 WPF 中做这样的事情？也许与路径？小费将不胜感激!谢谢

Answer 1

我在 Material Design in XAML Toolkit 做过类似的事情它使用路径复制菜单“汉堡”过渡到后退箭头。

本质上，菜单是三个水平线路径。要转换为后退箭头，使用 DoubleAnimationUsingKeyFrames 对两条外部(上方/下方的线)进行倾斜、缩放和轻微移动。

除此之外，整个 Canvas 旋转了 180 度。

通过混合，这变得容易多了。

完整的 XAML 文件是 on GitHub here ，您正在寻找 MaterialDesignHamburgerToggleButton 样式。 (我尝试发布一个大 fragment ，但 Stack Overflow 出错了。)