国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ionic監聽android返回鍵(實現“再按一次退出”功能)

qiangdada / 2947人閱讀

摘要:在平臺上的,在主頁面時經常會遇到再按一次退出的功能,避免只按一下返回鍵就退出提升體驗優化。如果我們不想注冊返回按鈕影響所有頁面,就要將返回函數再調用。

在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

相關文章

  • ionic監聽android返回實現再按一次退出功能

    摘要:在平臺上的,在主頁面時經常會遇到再按一次退出的功能,避免只按一下返回鍵就退出提升體驗優化。如果我們不想注冊返回按鈕影響所有頁面,就要將返回函數再調用。 在android平臺上的app,在主頁面時經常會遇到再按一次退出app的功能,避免只按一下返回鍵就退出app提升體驗優化。 1、這個功能需要我們用到ionic提供的registerBackButtonAction方法(注冊硬件后退按鈕動...

    gghyoo 評論0 收藏0
  • Android項目實戰-博學谷》底部導航欄

    摘要:底部導航欄布局思路本項目的主界面設計了底部導航欄,為了方便后續布局的搭建,創建一個底部導航欄的框架,修改主界面布局為,利用包裹標題欄與界面內容,將各界面內容設置為,再用一個包裹底部導航欄,在內部用三個來顯示三個按鈕具體代碼如下限定大小 底部導航欄布局 思路 本項目的主界面設計了底部導航欄,為了方便后續布局的搭建,創建一個底部導航欄UI的框架,修改主界面布局為 RelativeLayou...

    余學文 評論0 收藏0

發表評論

0條評論

qiangdada

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<