摘要:在平臺上的,在主頁面時經常會遇到再按一次退出的功能,避免只按一下返回鍵就退出提升體驗優化。如果我們不想注冊返回按鈕影響所有頁面,就要將返回函數再調用。
在android平臺上的app,在主頁面時經常會遇到“再按一次退出app”的功能,避免只按一下返回鍵就退出app提升體驗優化。
1、這個功能需要我們用到ionic提供的registerBackButtonAction方法(注冊硬件后退按鈕動作)
registerBackButtonAction(callback, priority, [actionId])
參數 類型 說明
callback function 當點擊返回按鈕時觸發,如果該監視器具有最高的優先級
priority number 僅最高優先級的會執行
actionId(可空) * 該id指定這個動作 默認: 一個隨機且唯一的id
后退按鈕的優先執行順序:
返回到上一個視圖 = 100
關閉側邊菜單 = 150
關閉模版modal = 200
關閉上拉菜單action sheet = 300
關閉對話框popup = 400
關閉加載框loading = 500
注意:返回: function一個被觸發的函數,將會注銷 backButtonAction。
如果我們不想注冊返回按鈕影響所有頁面,就要將返回函數再調用。
例如:如果一個上拉菜單已經顯示,后退按鈕應該關閉上拉菜單,而不是返回一個頁面視圖或關閉一個打開的模型。
所以我們要實現“再按一次退出app”的功能,可以將優先級priority設為101
2、代碼實現
在js中
angular.module("app").run(["$rootScope", "$ionicPlatform", "$location", "$ionicHistory", function ($rootScope, $ionicPlatform, $location, $ionicHistory) { "use strict"; // 當用戶在主頁面, 按返回鍵時,給予提示,如果在2s內再次出發返回鍵,就退出app function showTipMsg() { window.plugins.toast.showShortCenter("在按一次退出app"); // toast是cordova的一個插件cordova-plugin-x-toast,也可以用ionic的彈窗來代替 $rootScope.exitApp = true; const delay = 2000; setTimeout(() => { $rootScope.exitApp = false; }, delay); } // 判斷當前路由,是否是project, mission,mine, message這幾個主頁面 function isExitPage() { let path = $location.path(), state = _.last(path.split("/")), ary = ["project", "mission", "mine", "", "message"]; return _.includes(ary, state); } // 注冊返回事件 function registerBackButton(event) { event.preventDefault(); $cordovaKeyboard.isVisible() && $cordovaKeyboard.close(); if (isExitPage()) { $rootScope.exitApp && ionic.Platform.exitApp(); !$rootScope.exitApp && showTipMsg(); } else { $ionicHistory.goBack(); } return false; } // ionic 環境已經準備完畢 ionic.Platform.ready(() => { try { const priority = 101; $ionicPlatform.is("Android") && $ionicPlatform.registerBackButtonAction(registerBackButton, priority); } catch (e) { console.warn("Application is running in browser causes inspection failed."); } }); }]);
這樣我們就很簡單實現了一個"再按一次退出app的功能"
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/107437.html
摘要:在平臺上的,在主頁面時經常會遇到再按一次退出的功能,避免只按一下返回鍵就退出提升體驗優化。如果我們不想注冊返回按鈕影響所有頁面,就要將返回函數再調用。 在android平臺上的app,在主頁面時經常會遇到再按一次退出app的功能,避免只按一下返回鍵就退出app提升體驗優化。 1、這個功能需要我們用到ionic提供的registerBackButtonAction方法(注冊硬件后退按鈕動...
摘要:底部導航欄布局思路本項目的主界面設計了底部導航欄,為了方便后續布局的搭建,創建一個底部導航欄的框架,修改主界面布局為,利用包裹標題欄與界面內容,將各界面內容設置為,再用一個包裹底部導航欄,在內部用三個來顯示三個按鈕具體代碼如下限定大小 底部導航欄布局 思路 本項目的主界面設計了底部導航欄,為了方便后續布局的搭建,創建一個底部導航欄UI的框架,修改主界面布局為 RelativeLayou...
閱讀 578·2023-04-25 21:29
閱讀 1104·2023-04-25 21:27
閱讀 1044·2021-11-25 09:43
閱讀 1077·2021-09-29 09:43
閱讀 3614·2021-09-03 10:30
閱讀 2854·2019-08-29 15:26
閱讀 2803·2019-08-29 12:52
閱讀 1741·2019-08-29 11:10