c# - 为什么组合动画(UWP 文档中的示例)不起作用？

Question

Windows UWP 文档中可视层部分和时间动画子部分下显示的简单动画示例不起作用...

以上是文档中显示的代码示例。

上面是我正在制作动画的 XAML 矩形的代码。

上面是我写的代码，和第一张图的代码差不多。

这就是我每次在 Debug模式下运行应用程序时遇到的错误。找不到该属性。但是docs里都是这么写的，那怎么可能呢。我还尝试将属性设置为 renderTransform 的另一件事，但这也不起作用。

我做错了什么？

Answer 1

添加另一个答案，因为这里的答案并不完全正确 - 虽然示例 是 错误，但实际上 Composition Visuals 上有一个来自 XAML 的 Translation 属性对象 - 如果您对 XAML 对象的视觉对象进行动画处理，这也很可能比使用偏移更可取。

首先，您需要像这样在元素上启用翻译属性:

ElementCompositionPreview.SetIsTranslationEnabled(uiElement, true)

其次，您需要更改动画属性以实际定位正确的属性:

visual.StartAnimation("Translation.X", animation);

这仅在您针对创作者更新或更高版本时有效。

在 Offset 上使用 Translation 完全避免了 XAML 布局更新破坏动画的问题 - 因为 XAML 位置更新将覆盖 Visual 的 Offset 并停止任何当前动画，而 Translation 动画XAML 布局引擎的功能将继续有增无减地运行。