Ionic系列——android雙擊退出應用和物理返回按鈕隱藏鍵盤的實現

一、需求描述   

    由於要控制在返回上一頁面的時候,若是有鍵盤,須要先隱藏鍵盤,因此須要自定義android手機的物理返回鍵單擊事件,本身定義返回按鈕的優先級操做,而後實如今首頁面和登陸頁雙擊退出應用的操做。android

二、準備

    添加插件$cordovaToast,$cordovaKeyboardgit

cordova plugin add https://github.com/driftyco/ionic-plugins-keyboard.git
cordova plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin.git

三、代碼實現

    引入$cordovaToast,$cordovaKeyboard的依賴。github

angular.module('starter', ['ionic', 'route', 'config', 'global', 'commonJs', 'ngCordova'])
    .run(['$ionicPlatform', '$rootScope', '$location', '$timeout', '$ionicHistory', 'CommonJs', '$cordovaToast','$cordovaKeyboard', function ($ionicPlatform, $rootScope, $location, $timeout, $ionicHistory,CommonJs,$cordovaToast,$cordovaKeyboard) {
        $ionicPlatform.ready(function () {
            // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
            if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
                cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
            }
            if (window.StatusBar) {
                // org.apache.cordova.statusbar required
                StatusBar.styleLightContent();
            }
        });

        //物理返回按鈕控制&雙擊退出應用
        $ionicPlatform.registerBackButtonAction(function (e) {
            //判斷處於哪一個頁面時雙擊退出
            if ($location.path() == '/tab/todoList' || $location.path() == '/tab/doneList' || $location.path() == '/tab/account'|| $location.path() == '/login') {
                if ($rootScope.backButtonPressedOnceToExit) {
                    ionic.Platform.exitApp();
                } else {
                    $rootScope.backButtonPressedOnceToExit = true;
                    $cordovaToast.showShortBottom('再按一次退出系統');
                    setTimeout(function () {
                        $rootScope.backButtonPressedOnceToExit = false;
                    }, 2000);
                }
            }else if ($ionicHistory.backView()) {
                if ($cordovaKeyboard.isVisible()) {
                    $cordovaKeyboard.close();
                } else {
                    $ionicHistory.goBack();
                }
            }
            else {
                $rootScope.backButtonPressedOnceToExit = true;
                $cordovaToast.showShortBottom('再按一次退出系統');
                setTimeout(function () {
                    $rootScope.backButtonPressedOnceToExit = false;
                }, 2000);
            }
            e.preventDefault();
            return false;
        }, 101);

    }]);
相關文章
相關標籤/搜索