mui.openWindow关闭动画-CFANZ编程社区

关闭动画

mui.openWindow({
    url:new-page-url,
    show:{
      autoShow:true,//页面loaded事件发生后自动显示，默认为true
      aniShow:'none'//关闭页面显示动画，默认为”slide-in-right“；
    }
})

mui.openWindow参数说明

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:{
      .....//自定义扩展参数，可以用来处理页面间传值
    },
    createNew:false,//是否重复创建同样id的webview，默认为false:不重复创建，直接显示
    show:{
      autoShow:true,//页面loaded事件发生后自动显示，默认为true
      aniShow:animationType,//页面显示动画，默认为”slide-in-right“；
      duration:animationTime//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
    },
    waiting:{
      autoShow:true,//自动显示等待框，默认为true
      title:'正在加载...',//等待对话框上显示的提示内容
      options:{
        width:waiting-dialog-widht,//等待框背景区域宽度，默认根据内容自动计算合适宽度
        height:waiting-dialog-height,//等待框背景区域高度，默认根据内容自动计算合适高度
        ......
      }
    }
})

aniShow或animationType常量

常量：
"auto": (String 类型 )自动选择动画效果
自动选择动画效果，使用上次显示窗口设置的动画效果，如果是第一次显示则默认动画效果“none”。

"none": (String 类型 )无动画效果
立即显示页面，无任何动画效果，页面显示默认的动画效果。 此效果忽略动画时间参数，立即显示。 对应关闭动画"none"。

"slide-in-right": (String 类型 )从右侧横向滑动效果
页面从屏幕右侧外向内横向滑动显示。 对应关闭动画"slide-out-right"。

平台支持
Android - 2.2+ (支持): 默认动画时间为200ms。
iOS - 5.1.1+ (支持): 默认动画时间为300ms。
"slide-in-left": (String 类型 )从左侧横向滑动效果
页面从屏幕左侧向右横向滑动显示。 对应关闭动画"slide-out-left"。

平台支持
Android - 2.2+ (支持): 默认动画时间为200ms。
iOS - 5.1.1+ (支持): 默认动画时间为300ms。
"slide-in-top": (String 类型 )从上侧竖向滑动效果
页面从屏幕上侧向下竖向滑动显示。 对应关闭动画"slide-out-top"。

平台支持
Android - 2.2+ (支持): 默认动画时间为200ms。
iOS - 5.1.1+ (支持): 默认动画时间为300ms。
"slide-in-bottom": (String 类型 )从下侧竖向滑动效果
页面从屏幕下侧向上竖向滑动显示。 对应关闭动画"slide-out-bottom"。

平台支持
Android - 2.2+ (支持): 默认动画时间为200ms。
iOS - 5.1.1+ (支持): 默认动画时间为300ms。
"fade-in": (String 类型 )从透明到不透明逐渐显示效果
页面从完全透明到不透明逐渐显示。 对应关闭动画"fade-out"。

平台支持
Android - 2.2+ (支持): 默认动画时间为200ms。
iOS - 5.1.1+ (支持): 默认动画时间为300ms。
"zoom-out": (String 类型 )从小到大逐渐放大显示效果
页面在屏幕中间从小到大逐渐放大显示。 对应关闭动画"zoom-in"。

平台支持
Android - 2.2+ (支持): 默认动画时间为100ms。
iOS - 5.1.1+ (支持): 默认动画时间为100ms。
"zoom-fade-out": (String 类型 )从小到大逐渐放大并且从透明到不透明逐渐显示效果
页面在屏幕中间从小到大逐渐放大并且从透明到不透明逐渐显示。 对应关闭动画"zoom-fade-in"。

平台支持
Android - 2.2+ (支持): 默认动画时间为100ms。
iOS - 5.1.1+ (支持): 默认动画时间为100ms。
"pop-in": (String 类型 )从右侧平移入栈动画效果
页面从屏幕右侧滑入显示，同时上一个页面带阴影效果从屏幕左侧滑出隐藏。 对应关闭动画"pop-out"。

平台支持
Android - 2.2+ (支持): 默认动画时间为200ms。 此动画是新开窗口侧滑挤压当前屏幕窗口特效，必须是两个Webview窗口的组合动画， 如果当前屏幕已显示多个Webview窗口，则显示新窗口不支持此动画类型，自动转成“slide-in-right”。
iOS - 5.1.1+ (支持): 默认动画时间为300ms。