2017-03-01 23 views
2

有人可以請我指出在Android和iOS應用程序https://www.cocoacontrols.com/controls/pinterestanimator中實現此效果的正確方向。不一定是這種效果,但您會注意到兩個屏幕(列表和細節)之間的轉換以非標準方式進行了動畫處理(圖像放大)。Nativescript中的屏幕之間的動畫效果

這個想法是在兩個屏幕之間執行一個動畫,以便在動畫完成時,路由被改變,後端服務啓動等等。不知道我是否表達自己的權利,但是如何「交換」本地屏幕過渡,與自定義動畫?並且根據具體情況做這件事,而不是作爲所有過渡的一般規則。

我正在使用Angular2和Nativescript。

-

編輯:這是好的,如果上面的解決方案似乎是一個黑客,它並沒有被支持開箱即用。爲了澄清,是無論如何可能:

  1. 捕獲和防止默認點擊動作,從而防止本機過渡

  2. 動畫視圖

  3. 更新路線編程

  4. 執行先前禁止的操作(調用ngOnInit或類似的)

回答

2

的頁面轉換無法完全定製和curretnly你只能申請本地轉換爲下面列出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 

注意一些轉變(如捲曲)只被iOS和支持其他人(如爆炸)僅受Android支持。 Here是關於支持Angular的應用程序頁面轉換的文檔。