AnimationTypeClose

MUI HTML5

MUI

AnimationTypeClose

一组用于定义页面或控件关闭的动画效果

常量:

  • "auto": (String 类型 )自动选择动画效果

    自动选择显示窗口相对于的动画效果。

  • "none": (String 类型 )无动画

    立即关闭页面,无任何动画效果。 此效果忽略动画时间参数,立即关闭。

  • "slide-out-right": (String 类型 )横向向右侧滑出屏幕动画

    页面从屏幕中横向向右侧滑动到屏幕外关闭。

    平台支持

    • Android - 2.2+ (支持): 默认动画时间为100ms。
    • iOS - 5.1.1+ (支持): 默认动画时间为300ms。
  • "slide-out-left": (String 类型 )横向向左侧滑出屏幕动画

    页面从屏幕中横向向左侧滑动到屏幕外关闭。

    平台支持

    • Android - 2.2+ (支持): 默认动画时间为100ms。
    • iOS - 5.1.1+ (支持): 默认动画时间为300ms。
  • "slide-out-top": (String 类型 )竖向向上侧滑出屏幕动画

    页面从屏幕中竖向向上侧滑动到屏幕外关闭。

    平台支持

    • Android - 2.2+ (支持): 默认动画时间为100ms。
    • iOS - 5.1.1+ (支持): 默认动画时间为300ms。
  • "slide-out-bottom": (String 类型 )竖向向下侧滑出屏幕动画

    页面从屏幕中竖向向下侧滑动到屏幕外关闭。

    平台支持

    • Android - 2.2+ (支持): 默认动画时间为100ms。
    • iOS - 5.1.1+ (支持): 默认动画时间为300ms。
  • "fade-out": (String 类型 )从不透明到透明逐渐隐藏动画

    页面从不透明到透明逐渐隐藏关闭。

    平台支持

    • Android - 2.2+ (支持): 默认动画时间为100ms。
    • iOS - 5.1.1+ (支持): 默认动画时间为300ms。
  • "zoom-in": (String 类型 )从大逐渐缩小关闭动画

    页面逐渐向页面中心缩小关闭。

    平台支持

    • Android - 2.2+ (支持): 默认动画时间为100ms。
    • iOS - 5.1.1+ (支持): 默认动画时间为100ms。
  • "zoom-fade-in": (String 类型 )从大逐渐缩小并且从不透明到透明逐渐隐藏关闭动画

    页面逐渐向页面中心缩小并且从不透明到透明逐渐隐藏关闭。

    平台支持

    • Android - 2.2+ (支持): 默认动画时间为100ms。
    • iOS - 5.1.1+ (支持): 默认动画时间为100ms。
  • "pop-out": (String 类型 )从右侧平移出栈动画效果

    页面从屏幕右侧滑出消失,同时上一个页面带阴影效果从屏幕左侧滑入显示。

    平台支持

    • Android - 2.2+ (支持): 默认动画时间为100ms。
    • iOS - 5.1.1+ (支持): 默认动画时间为300ms。