Nativescript中的屏幕之间的动画

提问于 2024-04-25T08:32:24+08:00

浏览次

2

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

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

我正在使用Angular2和Nativescript .

编辑：如果上面的解决方案看起来像一个黑客，它是没关系的，它不需要开箱即用 . 澄清一下，无论如何可能：

捕获并阻止默认单击操作，从而阻止本机转换
为视图设置动画
以编程方式更新路径
执行先前阻止的操作（调用ngOnInit或类似操作）

1 回答

2
页面转换无法完全自定义，当前您只能应用本机转换，如下所示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的应用程序中的页面转换的文档文章 .
回复于 2024-04-25T08:32:24+08:00

相关问题