CSS 等效于“DrillInNavigationTransitionInfo()”（C# - UWP）？

Posted 2023-04-12

【中文标题】CSS 等效于“DrillInNavigationTransitionInfo()”（C# - UWP）？

【英文标题】：CSS equivalent of `DrillInNavigationTransitionInfo()` (C# - UWP)?

【发布时间】：2020-07-05 23:22:35

【问题描述】：

我正在制作一个具有几乎所有 Fluency 功能的 Windows Fluent Design System 样式表。并且流畅度有导航过渡效果：

void Page_ItemClick(object sender, ItemClickEventArgs e)

    Frame.Navigate(typeof(Page), pageId, new DrillInNavigationTransitionInfo());

DrillInNavigationTransitionInfo() 是我想在 CSS 中重新创建的效果。 我该怎么做？我希望它尽可能真实。

【参考方案1】：

您可以使用 AnimationMetrics API 来获取转换使用的确切 keysplines，然后在 CSS 中重新创建。

https://github.com/Microsoft/Windows-universal-samples/tree/master/Samples/AnimationMetrics

（它将是比例和不透明度的组合）。