MUI-窗口管理

MUI開發大全

打開新窗口

mui.openWindow({
    url:new-page-url,
    id:new-page-id,
    styles:{ //不傳 默認全屏打開
      top:newpage-top-position,//新頁面頂部位置
      bottom:newage-bottom-position,//新頁面底部位置
      width:newpage-width,//新頁面寬度，默認爲100%
      height:newpage-height,//新頁面高度，默認爲100%
      ......
    },
    extras:{
      .....//自定義擴展參數，能夠用來處理頁面間傳值
    },
    show:{
      autoShow:true,//頁面loaded事件發生後自動顯示，默認爲true
      aniShow:animationType,//頁面顯示動畫，默認爲」slide-in-right「；
      duration:animationTime//頁面動畫持續時間，Android平臺默認100毫秒，iOS平臺默認200毫秒；
    },
    waiting:{
      autoShow:true,//自動顯示等待框，默認爲true
      title:'正在加載...',//等待對話框上顯示的提示內容
    }
})

關閉窗口

• mui框架封裝的頁面右滑關閉功能，默認未啓用，若要使用右滑關閉功能，須要在mui.init();方法中設置swipeBack參數

mui.init({
    swipeBack:true //啓用右滑關閉功能
});

• mui框架默認會監聽Android手機的back按鍵
• 調用mui.back()方法
• 自定義返回事件

mui.init({
    beforeback: function(){
        //返回前邏輯處理
        return true;
    }
});

頁面通訊

1.父傳子

• extras:{ key: value }
• 子讀傳參

var self = plus.webview.currentWebview();
var value = self.key;

2.子掉指定窗口方法

• 首先應在指定窗口註冊監聽,必須使用[window.addEventListener]註冊

window.addEventListener(func, function(event) {
    console.log(event.detail)
    //處理邏輯 event.detail爲傳參對象
})

• 子頁面調用

  var pWin = plus.webview.getWebviewById(id);//id爲指定窗口
  var pWin = plus.webview.currentWebview().opener();//父窗口
  mui.fire(pWin, func, obj); // func 方法名; obj 傳參