在 Nativescript 中的屏幕之间制作动画

Question

谁能指出我在 Android 和 iOS 应用程序中实现此效果的正确方向，https://www.cocoacontrols.com/controls/pinterestanimator。不一定是这种效果，但您会注意到两个屏幕（列表和详细信息）之间的过渡以非标准方式（图像放大）动画。

这个想法是在两个屏幕之间执行动画，以便在动画完成后更改路线，启动后端服务等。不确定我是否正确表达自己，但我如何“交换”原生屏幕过渡，带有自定义动画？并根据具体情况执行此操作，而不是作为所有转换的一般规则。

我正在使用 Angular2 和 Nativescript。

--

编辑：如果上面的解决方案看起来像一个 hack，那很好，它不必开箱即用。澄清一下，是否有可能：

1. 捕获并阻止默认点击动作，从而阻止原生转换

2. 为视图设置动画

3. 以编程方式更新路线

4. 执行之前阻止的操作（调用 ngOnInit 或类似方法）

Answer 1

页面过渡不能完全自定义，目前只能应用this API reference中列出的本机过渡

curl (same as curlUp) (iOS only)
curlUp (iOS only)
curlDown (iOS only)
explode (Android Lollipop(21) and up only)
fade
flip (same as flipRight)
flipRight
flipLeft
slide (same as slideLeft)
slideLeft
slideRight
slideTop
slideBottom

请注意，某些转换（如 curl）仅受 iOS 支持，而其他转换（如 explode）仅受 Android 支持。 Here 是有关启用 Angular 的应用程序中的页面转换的文档文章。