mui.openWindow关闭动画

关闭动画

mui.openWindow({url:new-page-url,show:{autoShow:true,//页面loaded事件发生后自动显示&＃xff0c;默认为trueaniShow:&＃39;none&＃39;//关闭页面显示动画&＃xff0c;默认为”slide-in-right“&＃xff1b;}
})

mui.openWindow参数说明

mui.openWindow({url:new-page-url,id:new-page-id,styles:{top:newpage-top-position,//新页面顶部位置bottom:newage-bottom-position,//新页面底部位置width:newpage-width,//新页面宽度&＃xff0c;默认为100%height:newpage-height,//新页面高度&＃xff0c;默认为100%......},extras:{.....//自定义扩展参数&＃xff0c;可以用来处理页面间传值},createNew:false,//是否重复创建同样id的webview&＃xff0c;默认为false:不重复创建&＃xff0c;直接显示show:{autoShow:true,//页面loaded事件发生后自动显示&＃xff0c;默认为trueaniShow:animationType,//页面显示动画&＃xff0c;默认为”slide-in-right“&＃xff1b;duration:animationTime//页面动画持续时间&＃xff0c;Android平台默认100毫秒&＃xff0c;iOS平台默认200毫秒&＃xff1b;},waiting:{autoShow:true,//自动显示等待框&＃xff0c;默认为truetitle:&＃39;正在加载...&＃39;,//等待对话框上显示的提示内容options:{width:waiting-dialog-widht,//等待框背景区域宽度&＃xff0c;默认根据内容自动计算合适宽度height:waiting-dialog-height,//等待框背景区域高度&＃xff0c;默认根据内容自动计算合适高度......}}
})

aniShow或animationType常量

常量&＃xff1a;
"auto": (String 类型 )自动选择动画效果
自动选择动画效果&＃xff0c;使用上次显示窗口设置的动画效果&＃xff0c;如果是第一次显示则默认动画效果“none”。"none": (String 类型 )无动画效果
立即显示页面&＃xff0c;无任何动画效果&＃xff0c;页面显示默认的动画效果。 此效果忽略动画时间参数&＃xff0c;立即显示。 对应关闭动画"none"。"slide-in-right": (String 类型 )从右侧横向滑动效果
页面从屏幕右侧外向内横向滑动显示。 对应关闭动画"slide-out-right"。平台支持
Android - 2.2&＃43; (支持): 默认动画时间为200ms。
iOS - 5.1.1&＃43; (支持): 默认动画时间为300ms。
"slide-in-left": (String 类型 )从左侧横向滑动效果
页面从屏幕左侧向右横向滑动显示。 对应关闭动画"slide-out-left"。平台支持
Android - 2.2&＃43; (支持): 默认动画时间为200ms。
iOS - 5.1.1&＃43; (支持): 默认动画时间为300ms。
"slide-in-top": (String 类型 )从上侧竖向滑动效果
页面从屏幕上侧向下竖向滑动显示。 对应关闭动画"slide-out-top"。平台支持
Android - 2.2&＃43; (支持): 默认动画时间为200ms。
iOS - 5.1.1&＃43; (支持): 默认动画时间为300ms。
"slide-in-bottom": (String 类型 )从下侧竖向滑动效果
页面从屏幕下侧向上竖向滑动显示。 对应关闭动画"slide-out-bottom"。平台支持
Android - 2.2&＃43; (支持): 默认动画时间为200ms。
iOS - 5.1.1&＃43; (支持): 默认动画时间为300ms。
"fade-in": (String 类型 )从透明到不透明逐渐显示效果
页面从完全透明到不透明逐渐显示。 对应关闭动画"fade-out"。平台支持
Android - 2.2&＃43; (支持): 默认动画时间为200ms。
iOS - 5.1.1&＃43; (支持): 默认动画时间为300ms。
"zoom-out": (String 类型 )从小到大逐渐放大显示效果
页面在屏幕中间从小到大逐渐放大显示。 对应关闭动画"zoom-in"。平台支持
Android - 2.2&＃43; (支持): 默认动画时间为100ms。
iOS - 5.1.1&＃43; (支持): 默认动画时间为100ms。
"zoom-fade-out": (String 类型 )从小到大逐渐放大并且从透明到不透明逐渐显示效果
页面在屏幕中间从小到大逐渐放大并且从透明到不透明逐渐显示。 对应关闭动画"zoom-fade-in"。平台支持
Android - 2.2&＃43; (支持): 默认动画时间为100ms。
iOS - 5.1.1&＃43; (支持): 默认动画时间为100ms。
"pop-in": (String 类型 )从右侧平移入栈动画效果
页面从屏幕右侧滑入显示&＃xff0c;同时上一个页面带阴影效果从屏幕左侧滑出隐藏。 对应关闭动画"pop-out"。平台支持
Android - 2.2&＃43; (支持): 默认动画时间为200ms。 此动画是新开窗口侧滑挤压当前屏幕窗口特效&＃xff0c;必须是两个Webview窗口的组合动画&＃xff0c; 如果当前屏幕已显示多个Webview窗口&＃xff0c;则显示新窗口不支持此动画类型&＃xff0c;自动转成“slide-in-right”。
iOS - 5.1.1&＃43; (支持): 默认动画时间为300ms。