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);
});
mui 常用手势的更多相关文章
- javascript 常用手势 分析
javascript 常用手势, 个人觉得有3个 tap,swipe(swipeLeft,swipeRight,swipeTop,swipeRight),hold tap 是轻击 判断的原则是,在to ...
- 关于Hbuild引用mui常用代码块以及部分控件.
MUI-最接近原生APP体验的高性能前端框架, 追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征: MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K, ...
- iOS常用手势识别器
手势识别状态: typedef NS_ENUM(NSInteger, UIGestureRecognizerState) { // 没有触摸事件发生,所有手势识别的默认状态 UIGestureReco ...
- 用户输入 i. 检测常用手势(一)
参考: http://blog.csdn.net/qq418716640/article/details/8508973http://www.cnblogs.com/mengdd/p/3335508. ...
- IOS开发中针对UIImageView的几种常用手势
// // ViewController.m // 05-手势 // // Created by wanghy on 15/9/21. // Copyright (c) 2015年 wangh ...
- MUI常用脚本及原生JavaScript常用操作元素方法
1.mui元素转换html元素 var obj=mui("#id")[0]; 2.事件绑定 var btn = document.getElementById("logi ...
- iOS 常用手势
UIGestureRecognizer 对iOS的各种手势进行了封装,完全满足了用户对手势的需求. 以下是对各种手势的详细应用和说明,希望能对大家有帮助.^_^ - (void)viewDidLoad ...
- mui常用功能链接地址
1.下拉刷新mui.pullToRefresh插件http://ask.dcloud.net.cn/article/12152.打包app权限列表http://ask.dcloud.net.cn/ar ...
- MUI手势锁
通过mui提供的手势锁插件实现,手势锁样式.存储需要自己完成. 1.样式展示 2.实现 2.1 html 需要一个div容器 <div class="mui-content" ...
随机推荐
- ylbtech-Java-Runoob-高级教程-实例-数组:15. Java 实例 – 判断数组是否相等
ylbtech-Java-Runoob-高级教程-实例-数组:15. Java 实例 – 判断数组是否相等 1.返回顶部 1. Java 实例 - 判断数组是否相等 Java 实例 以下实例演示了如 ...
- Nginx下配置ThinkPhp多入口访问
比如在一个项目中有前台与后台两个模块,需要使用不同的入口文件.同时希望前台使用默认的index.php的入口. 关键的配置如下: if (!-e $request_filename) { ...
- jQuery动态创建DOM节点
var SKU=$("#SKU"); // 通过ID查找到指定表格 var oTable=SKU[0]; // 获取第一个表格 // 获取正文tbody元素 var tBodies ...
- javascript-table出现滚动条表格自动对齐
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Keras之inception_v3使用
一.安装 必要:tensorflow,Keras 首次运行需要安装: 1)下载模型权重 inception_v3_weights_tf_dim_ordering_tf_kernels.h5 路径见 ...
- MapReduce高级编程2
MapReduce Top N .二次排序,MapJoin: TOP N 对于一组输入List(key,value),我们要创建一个Top N 列表,这是一种过滤模式,查看输入数据特定子集,观察用户的 ...
- Android蓝牙BLE开发,扫描、连接、发送和读取信息;
1.BLE开发权限 Android蓝牙BLE开发须打开蓝牙权限和6.0位置权限: <uses-permission android:name="android.permission.B ...
- Fragment onActivityResult提前响应,startActivityForResult执行后立即响应onActivityResult的解决方法
找不到病根真是让人愁白了头: 今天写了一个startActivityForResult,开启一个Activity并拿到返回的结果,但是startActivityForResult刚走,onActivi ...
- 十年阿里java架构师的六大设计原则和项目经验
先看一幅图吧: 这幅图清晰地表达了六大设计原则,但仅限于它们叫什么名字而已,它们具体是什么意思呢?下面我将从原文.译文.理解.应用,这四个方面分别进行阐述. 1.单一职责原则(Single Res ...
- HDU1847 Good Luck in CET-4 Everybody 博弈 SG函数
题意:给定n张牌,两个人轮流摸牌,每次摸牌张数为2的幂次,问先手胜还是后手胜 n≤1000 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1847 # ...