首页 文章

UWP动画汉堡包图标

提问于
浏览 次
3

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

我知道有大量的CSS动画图标（如here或here [2,2]中的那个）可以找到，但很少用于XAML . 并且有一个人将一些CSS移植到XAML动画here .

我喜欢这个开发人员在Windows Phone App中做过的非常好的动画：Link to Store .

他是怎么做到的呢？我怎么能这样做？是"just"过度使用 Storyboard ？或者是否涉及其他技巧？因为它是面向Win8的应用程序（不是Win10），我不认为它是由动画GIF完成的 .

c# xaml animation win-universal-app hamburger-menu

3 回答

  • 0

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

    现在

    • 在Blend中打开您的页面

    • 右键单击ToggleButton编辑模板 - >编辑副本

    • 更改为状态（在进入下一步之前最好将所有状态更改为您喜欢然后创建转换）

    • 查找正常并单击 - >添加过渡并选择正常 - >已选中

    • 在对象和时间轴上选择ContentPresenter

    • 将黄线移动到0.500

    • 在属性中转到Transform然后选择Rotate并将angle设置为270（确保选中ContentPresenter）

    • 返回对象和时间线单击“播放”以检查动画 . 现在您可以根据需要播放和创建自己的动画（旋转部分只是一个示例）

    • 构建项目并试用它！

    我相信你从现在开始就拥有这个，从Checked创建 - > Normal，你就拥有了你想要的东西 .

    回复于
  • 1

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

    但最终的答案是，我在一个telerik forum找到了一些 real hero 有很多空闲时间 . 正是我在寻找什么 .

    回复于
  • 0

    我已经使用XAML和Blend制作的一堆twicks成功实现了这种类型的动画 . 你可以看一下here .

    回复于

相关问题