Nativescript

时间:2017-03-01 12:27:33

标签: transition nativescript angular2-nativescript

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

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

我正在使用Angular2和Nativescript。

-

编辑:如果上面的解决方案看起来像是一个黑客攻击,那就没关系,它不需要开箱即用。澄清一下,无论如何可能:

  1. 捕获并阻止默认点击操作,从而阻止原生过渡

  2. 为视图设置动画

  3. 以编程方式更新路线

  4. 执行先前阻止的操作(调用ngOnInit或类似操作)

1 个答案:

答案 0 :(得分: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支持,而其他转换(例如爆炸)仅受Android支持。 Here是关于启用Angular的应用程序中页面转换的文档文章。

相关问题