动画 Windows 应用商店应用程序-UI

Question

我很难找出正确的方法来为我的 UI 设置动画。我知道我该怎么做这两件事，但是我提出的所有解决方案都意味着很多（丑陋的）代码，必须有更好的方法。

对某个值进行动画处理的正确或最“干净”的方式是什么，即绑定到一个属性。我的模型上有 Color 属性，它定义了元素的背景颜色。当颜色发生变化时，我希望它是平滑的，而不是突然的颜色变化。这是否可以在 xaml 中完成，这样模型就不必意识到这一点？

交叉淡入淡出怎么样？目前，我通过将两个控件放在一起（在网格中）来实现这一点。当我开始改变时，我 1.设置element1的可见性为可见 2.启动动画，将element1的不透明度从0更改为1 3.启动动画，将element2的不透明度从1更改为0 4.动画完成后，将element2的可见性设置为折叠（这样它就不会捕获所有鼠标事件）

哦，（MVVM）应用程序是用 C# 和 XAML 编写的，使用 WinRT-api

Answer 1

我意识到这已经很晚了，但是对于那些将来会看到这一点的人：

您应该查看 VisualStates 和 VisualTransitions。它们允许您确定要显示的状态（例如 Opacity 为 0 或 1），以及从一种状态转换到另一种状态时调用的动画。这非常简单，几乎完全可以在 XAML 中完成（调用 GoToState 除外）。不过，您可能想查看一些扩展，因为它们提供了诸如行为之类的功能，可让您触发数据更改之类的状态。

有基本的 VisualState/VisualTransision here 的指南。