zoukankan      html  css  js  c++  java
  • mui 常用手势

    一 事件:

    点击:
    1. tap 单击屏幕
    2. doubletap 双击屏幕
    长按:
    1. longtap 长按屏幕
    2. hold 按住屏幕
    3.release 离开屏幕
    滑动:
    1. swipeleft 向左滑动
    2. swiperight 向右滑动
    3. swipeup 向上滑动
    4. swipedown 向下滑动
    拖动:
    1. drastart 开始拖动
    2.drag 拖动中
    3. dragend 拖动结束

    二 效果:

    1."auto"
    自动选择动画效果,使用上次显示窗口设置的动画效果,如果是第一次显示则默认动画效果。

    2."none"
    无动画效果,立即显示页面, 此效果忽略动画时间参数,立即显示。 对应关闭动画"none"。

    3."slide-in-right"
    从右侧横向滑动效果,页面从屏幕右侧外向内横向滑动显示。 对应关闭动画"slide-out-right"。

    4."slide-in-left"
    从左侧横向滑动效果,页面从屏幕左侧向右横向滑动显示。 对应关闭动画"slide-out-left"。

    5."slide-in-top"
    从上侧竖向滑动效果,页面从屏幕上侧向下竖向滑动显示。 对应关闭动画"slide-out-top"。

    6."slide-in-bottom"
    从下侧竖向滑动效果,页面从屏幕下侧向上竖向滑动显示。 对应关闭动画"slide-out-bottom"。

    7."fade-in"
    从透明到不透明逐渐显示效果,页面从完全透明到不透明逐渐显示。 对应关闭动画"fade-out"。

    8."zoom-out"

    从小到大逐渐放大显示效果,页面在屏幕中间从小到大逐渐放大显示。 对应关闭动画"zoom-in"。

    9."zoom-fade-out"

    从小到大逐渐放大并且从透明到不透明逐渐显示效果,页面在屏幕中间从小到大逐渐放大并且从透明到不透明, 对应关闭动画"zoom-fade-in"。

    例:

      window.addEventListener('swiperight', function () {
        qiao.h.indexPage().evalJS("window._indexPage.hideBackBtn();");
        qiao.h.hide('add', 'slide-out-right', 300);
      });
    

      

    https://www.tongbiao.xyz/
  • 相关阅读:
    并行计算的技术路径
    Qt 中文编码问题记录
    rest_rpc 编译安装和测试 ubuntu18.04
    Qt QPorcess 启动外部程序失败的原因之一
    ubuntu 下 cesium的环境搭建
    Qt 渐变色笔记
    Qt编写的自定义控件为什么在QtDesigner中可见,在QtCreator中不可见
    Qt 编译及自动部署 库 工具集(自动复制生成的库及头文件到指定的安装路径)
    Windows10 OSG 编译安装及集成至Qt
    百度图像识别SDK简单使用
  • 原文地址:https://www.cnblogs.com/tongbiao/p/10056965.html
Copyright © 2011-2022 走看看