ionic頁面間跳轉的動畫實現


1. 在<ion-view>標簽中加入:

nav-direction="back"或nav-direction="forward"

2.用$state.go()實現頁面間的跳轉的動畫:

在$state.go()后面加上 $ionicViewSwitcher.nextDirection("back")或 $ionicViewSwitcher.nextDirection("forwoard")
可以實現跟加nav-direction一樣的效果了,要注入ionicViewSwitcher服務

3.點擊手機返回按鍵實現跳轉的:

$ionicPlatform.registerBackButtonAction(function (e) {
        if($state.current.name == 'tab.news' || $state.current.name == 'tab.message' || $state.current.name == 'tab.work' || $state.current.name == 'tab.mine' || $state.current.name == 'login'){
               window.plugins.appMinimize.minimize();
        }else if($ionicHistory.backView()){
               $ionicHistory.goBack();
               $ionicViewSwitcher.nextDirection("back");
        }
        else{
            window.plugins.appMinimize.minimize(); 
        }
        e.preventDefault();
        return false;    
    }, 101);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM