MUI-窗口管理

2019/07/25 00:09
阅读数 46

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 传参

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部