mui 常用手势

时间:2022-12-28 20:00:15

一 事件:

点击:
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);
});

  

mui 常用手势的更多相关文章

  1. javascript 常用手势 分析

    javascript 常用手势, 个人觉得有3个 tap,swipe(swipeLeft,swipeRight,swipeTop,swipeRight),hold tap 是轻击 判断的原则是,在to ...

  2. 关于Hbuild引用mui常用代码块以及部分控件.

    MUI-最接近原生APP体验的高性能前端框架, 追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征: MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K, ...

  3. iOS常用手势识别器

    手势识别状态: typedef NS_ENUM(NSInteger, UIGestureRecognizerState) { // 没有触摸事件发生,所有手势识别的默认状态 UIGestureReco ...

  4. 用户输入 i. 检测常用手势(一)

    参考: http://blog.csdn.net/qq418716640/article/details/8508973http://www.cnblogs.com/mengdd/p/3335508. ...

  5. IOS开发中针对UIImageView的几种常用手势

    // //  ViewController.m //  05-手势 // //  Created by wanghy on 15/9/21. //  Copyright (c) 2015年 wangh ...

  6. MUI常用脚本及原生JavaScript常用操作元素方法

    1.mui元素转换html元素 var obj=mui("#id")[0]; 2.事件绑定 var btn = document.getElementById("logi ...

  7. iOS 常用手势

    UIGestureRecognizer 对iOS的各种手势进行了封装,完全满足了用户对手势的需求. 以下是对各种手势的详细应用和说明,希望能对大家有帮助.^_^ - (void)viewDidLoad ...

  8. mui常用功能链接地址

    1.下拉刷新mui.pullToRefresh插件http://ask.dcloud.net.cn/article/12152.打包app权限列表http://ask.dcloud.net.cn/ar ...

  9. MUI手势锁

    通过mui提供的手势锁插件实现,手势锁样式.存储需要自己完成. 1.样式展示 2.实现 2.1 html 需要一个div容器 <div class="mui-content" ...

随机推荐

  1. nyoj 284 坦克大战 简单搜索

    题目链接:http://acm.nyist.net/JudgeOnline/problem.php?pid=284 题意:在一个给定图中,铁墙,河流不可走,砖墙走的话,多花费时间1,问从起点到终点至少 ...

  2. opencv的一次性配置

    最近做自然场景中的文字识别,想尝试些图像处理方法,感觉每一种方法都需要自己写很麻烦,自然就想到了强大的开源的跨平台计算机视觉库OpenCv.我用的是opencv2.4.9版本,VS用的是2010,他们 ...

  3. DirectX 文本绘制

    在Direct中进行文本绘制,可以通过Win32程序框架实现,也可以通过DXUT进行绘制. 基于第一篇的Win32框架入门实现非常简单,只需要添加数行代码即可.主要说需要修改的地方. #pragma  ...

  4. 快速构建Windows 8风格应用32-构建辅助磁贴

    原文:快速构建Windows 8风格应用32-构建辅助磁贴 引言 Windows Phone中,我们开发者可能会开发的一个功能点是将数据列表中某一项"Pin To Start(固定到开始屏幕 ...

  5. 小谈iOS屏幕适配问题

    首先,我么我们要观察一下5,6和6Plus的尺寸比例关系.发现了他们的关系后待会做兼容就明白了. 很明显能看出这三种屏幕的尺寸宽高比是差不多的,因此可以在5的基础上,按比例放大来兼容6和6Plus的屏 ...

  6. Android View的事件冲突

    上一篇博客讨论了一下view中的事件分发,既然存在事件分发的过程,那么也就可能存在着冲突.常见的由以下三种形式的冲突.(外面叫做OuterViewGroup,包裹在里面的叫做InnerViewGrou ...

  7. VC&plus;&plus;2010组件安装失败解决办法

    安装SQLSERVER时,安装不上,总是报错说 VC++2010组件安装错误. 单独安装时,也会报出严重错误无法安装.就是下面这两个 最后到网上找到一个办法解决了:如下: 下载这个软件 Microso ...

  8. 扩容Linux文件系统

    扩容Linux文件系统 腾讯云 云硬盘扩容 https://cloud.tencent.com/product/cbs https://cloud.tencent.com/document/produ ...

  9. &lbrack;洛谷P1731&rsqb;&lbrack;NOI1999&rsqb;生日蛋糕&lpar;dfs&rpar;&lpar;剪枝&rpar;

    典型的深搜+剪枝策略 我们采用可行性剪枝.上下界剪枝.优化搜索顺序剪枝.最优性剪枝的方面来帮助我们进行剪枝. 也许有人还不知道剪枝,那我就弱弱地为大家补习一下吧qwq: .优化搜索顺序: 在一些搜索问 ...

  10. CentOS 7搭建Fabric,测试network&lowbar;setup例子

    更新内核 rpm --import https://www.elrepo.org/RPM-GPG-KEY-elrepo.org rpm -Uvh http://www.elrepo.org/elrep ...