UWP动画汉堡图标

我想在c＃UWP XAML项目中为我的SplitView添加一个引人注目的动画汉堡图标。UWP动画汉堡图标

我知道有很多CSS动画图标（如here或here是[2,2]中的一个），但很少用于XAML。还有一个人，他将一些CSS移植到XAML动画here。

我喜欢这个开发者在Windows Phone应用程序中做的非常好的动画：Link to Store。

他是怎么做到的？我该怎么做？这是否仅仅是过度使用Storyboard？或者还有其他的技巧？由于它是一个面向Win8的应用程序（不是Win10），我不认为它是由动画GIF完成的。

2016-02-13 user3079834

假设您在顶部打开了一个Button并关闭了SplitView。现在将该按钮更改为ToggleButton。在ToggleButton和SplitView上创建所需的事件处理程序，以便切换将始终具有正确的值。窗格打开时显示“已检查”，窗格关闭时显示“未检查”。

现在

在Blend中打开页面
右键点击切换按钮编辑Tamplate - >编辑复制
更改为美国（才去下一步更好地改变所有国家给你然后创建转换）
查找正常并单击 - > +添加转场并选择正常 - >检查
在对象和时间线上选择ContentPresenter
将黄线至0.500
在属性去变换，然后选择旋转，并设置角度270（确保ContentPresenter被选中）
返回对象，并单击时间轴中发挥检查动画。现在，您可以随心所欲地播放和创建自己的动画（旋转部分只是一个示例）
构建项目并试用它！

我相信你从现在开始，从Checked创建 - >正常，你有你想要的。

来源

2016-02-13 15:22:42 Stamos

我看了一下。听起来很有希望。但是''永远不会触发，但例如PointerOver的确如此。我哪里做错了？ – user3079834

我知道你的意思我有同样的问题。我想和你一样做。我试着只使用* trans，它的工作，但它也触发PointerOver。当我正在寻找解决方案时，有人说要做两个VisualStateGroups。一个用于CommonStates，一个用于Checkstates。我会尝试它，并编辑我的答案，但有些事出来了，我在城外。 – Stamos

谢谢，我会试着用'VisualStateGroups'来检查并发布并回答，何时（如果）我找到一个。 – user3079834

好的，在考虑@Stamos对他的回答的评论后，我发现这个link，实现了CurrentStateChanged事件。有人here显示了一种实现Checked和Unchecked状态的方法。

但是，最终的答案，我发现在telerik forum，其中一些真正的英雄有很多空闲时间。正是我在找什么。

来源

2016-02-16 20:15:41 user3079834

我已经成功地实现了这种类型的动画，使用XAML制作的一串Twink以及Blend。你可以看看here。

来源

2016-07-08 11:11:36

UWP动画汉堡图标

回答

相关问题