模式轉換效果

Question

嗯，我有以下疑問，我有一個模式ModalController當我在iPhone上運行時，輸入轉換來自低位以覆蓋tola屏幕，因此它位於頂部。

有了這個庫，我可以改變這個過渡嗎？我需要轉換從屏幕中間出現，這應該發生於Android，iPhone和Windows Phone

我試圖做到這一點是相同的：

openModal() { 
let options: NativeTransitionOptions = { 
    direction: 'down', 
    duration: 500, 
    slowdownfactor: 3, 
    slidePixels: 20, 
    iosdelay: 100, 
    androiddelay: 150, 
    fixedPixelsTop: 0, 
    fixedPixelsBottom: 60 
}; 

this.nativePageTransitions.slide(options); 
    let myModal = this.modalCtrl.create(SlideAccessibility, null); 
    myModal.present(); 
} 

我意識到通過的文件我有如何傳遞呼叫的選項，也許在她我可以做我需要的效果，但由於文檔很差，我沒有找到任何東西。

Answer 1

我通過檢查代碼解決了問題，直到找到可能的轉換。所以，我發現可以在options傳遞什麼最終的代碼如下所示：

OpenModal() { 
Let options: ModalOptions = { 
    ShowBackdrop: false, 
    EnterAnimation: 'modal-md-slide-in', 
    LeaveAnimation: 'modal-md-slide-out', 
}; 

This.nativePageTransitions.slide (options); 
    Let myModal = this.modalCtrl.create (SlideAccessibility, null, options); 
    MyModal.present(); 
} 

要留在尖端類是這樣的，這些都是可以作爲參數傳遞的選項：

Export interface ModalOptions { 
    ShowBackdrop ?: boolean; 
    EnableBackdropDismiss ?: boolean; 
    EnterAnimation ?: string; 
    LeaveAnimation ?: string; 
    CssClass ?: string; 
} 

這些是已經預先配置的4種可能的轉換：

Modal-slide-in [Refers to the ios effect, down-up] 
Modal-slide-out [Refers to ios effect, exit up] 
Modal-md-slide-in [Refers to the effect of android, half-up] 
Modal-md-slide-out [Refers to the android effect, top to middle]