我想在c#UWP XAML项目的SplitView
中添加醒目的动画汉堡图标。
我知道有很多CSS动画图标(例如here或here [2,2]中的一个)可以找到,但是很少有XAML图标。还有一个家伙,他确实将一些CSS移植到XAML动画here中。
我喜欢这个开发人员在Windows Phone App:Link to Store中所做的非常好的动画。
他是怎么做到的呢?我该怎么办?是“过度”使用Storyboard
吗?还是还有其他技巧?因为它是面向Win8的应用程序(而不是Win10),所以我认为它不是由动画GIF完成的。
最佳答案
假设您在顶部有一个Button,可以打开和关闭SplitView。现在将该按钮更改为ToggleButton。在ToggleButton和SplitView上创建所需的事件处理程序,以便切换始终具有正确的值。打开窗格时为“已检查”,关闭窗格时为“未检查”。
现在
在Blend中打开页面
右键单击ToggleButton编辑模板->编辑副本
更改为状态(在进行下一步之前,最好根据自己的喜好更改所有状态,然后创建转换)
查找普通并单击-> +添加过渡,然后选择普通->已选中
在对象和时间轴上选择ContentPresenter
将黄线移到0.500
在属性中,转到“变形”,然后选择“旋转”并将角度设置为270(确保选择了ContentPresenter)
返回对象和时间线单击“播放”以检查动画。现在,您可以随意播放和创建自己的动画(旋转部分仅是示例)
建立专案并进行尝试!
我相信您从现在开始就可以使用此功能,可以从Checked-> Normal创建,然后您便拥有了想要的功能。