swipe

Triggered when a horizontal drag of 30px or more (and less than 75px vertically) occurs within 1 second duration in the left direction. See the swipe event entry for more detailed information on the swipe event.往左1秒内水平移动30-75像素，会触发.如果触发不正确，看是不是兼容性问题，或者触发问题.

请问background

1.思路：其时有2个WebView，一个main是用来装主页面，一个menu是用来装菜单（为提高性能，菜单项是采用了预加载方式的，预加载时为了避免和主页面争夺资源，采用延时加载，例如： //plusReady事件后，自动创建menu窗口；mui.plusReady(function() {main = plus.webview.currentWebview();//setTimeout的目的是等待窗体动画结束后，再执行create webview操作，避免资源竞争，导致窗口动画不流畅；setTimeout(function () {//侧滑菜单默认隐藏，这样可以节省内存；menu = mui.preload({id: 'offcanvas-drag-right-plus-menu',url: 'offcanvas-drag-right-plus-menu.html',styles: {left: 0,width: '70%'}});},300);});2. 所谓侧滑，就是控制菜单WebView的显示，使用它的left来定位左边位置；3. 要打开新的webView，要注意webview的show方法使用：void plus.webview.show( id_wvobj, aniShow, duration, showedCB, extras );参数含义：（1）是webview对象 （2）动画效果，从没显示过，一般用＂none＂,(3)动画过渡时间 （4）当指定Webview窗口显示动画执行完毕时触发回调函数，窗口无动画效果（如＂none＂动画效果）时也会触发此回调。

（5）传递的参数；4.显示的方法：(1)按钮点击后，让menu直接show出来，并对main设置样式，比如menu.show(＂none＂,0,function(){main.setStyle({left:＂70%＂,transition:{duration:150}});});(2)关闭侧滑菜单，实际就是设置main的样式了，比如：main.setStyle({left: '0',transition: {duration: 150}});另外注意窗体切换完成后要关掉menu//等窗体动画结束后，隐藏菜单webview，节省资源；setTimeout(function() {menu.hide();}, 200);5.被打开的WebView的界面如何控制关闭侧滑菜单：(1)先要找到主页面，main = plus.webview.currentWebview().opener();(2)激发主页面的某个事件，例如：mui.fire(main,＂menu:swipeleft＂);

js怎样实现手机浏览器中拖动

SimpleOnGestureListener. 你只需要实现自己所关心的手势就可以了.Swipe在android里面是叫Fling ^_^首先创建自己的一个手势detector类：private static final int SWIPE_MIN_DISTANCE = 120; private static final int SWIPE_MAX_OFF_PATH = 250; private static final int SWIPE_THRESHOLD_VELOCITY = 200；然后在onFling方法中， 判断是不是一个合理的swipe动作： if(e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) { viewFlipper.setInAnimation(slideLeftIn); viewFlipper.setOutAnimation(slideLeftOut); viewFlipper.showNext(); } else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) { viewFlipper.setInAnimation(slideRightIn); viewFlipper.setOutAnimation(slideRightOut); viewFlipper.showPrevious（)； }里的viewFlipper是含有多个view的一个container， 可以很方便的调用prev/next view， 加上animation动画， 可以达到一些不错的效果：viewFlipper = (ViewFlipper)findViewById(R.id.flipper); slideLeftIn = AnimationUtils.loadAnimation(this, R.anim.slide_left_in); slideLeftOut = AnimationUtils.loadAnimation(this, R.anim.slide_left_out); slideRightIn = AnimationUtils.loadAnimation(this, R.anim.slide_right_in); slideRightOut = AnimationUtils.loadAnimation(this, R.anim.slide_right_out)； 自定义的animation可以查看具体的XML， 比如从左边进来的一个动画：

android:padding和android:paddingleft的区别

通俗的理解：Padding 为内边框，指该控件内部内容，如文本/图片距离该控件的边距Margin 为外边框，指该控件距离边父控件的边距对应的属性为android:layout_marginBottom=＂25dip＂ android:layout_marginLeft=＂10dip＂ android:layout_marginTop=＂10dip＂ android:layout_marginRight=＂10dip＂ android:paddingLeft=＂1dip＂ android:paddingTop=＂1dip＂ android:paddingRight=＂1dip＂ android:paddingBottom=＂1dip＂如果左右上下都是相同的设置则可以直接设置android:layout_margin=＂10dip＂ android:padding=＂5dip＂当按钮分别设置以上两个属性时，得到的效果是不一样的。

android:paddingLeft=＂30px＂：按钮上设置的内容（例如图片）离按钮左边边界30个像素。

android:layout_marginLeft=＂30px＂整个按钮离左边设置的内容30个像素这二个属性是相对的，假设B是A的子控件，设置B的margin和设置A的padding能达到相同的效果。

设置padding的好处：如果imageview对应的图片比较小，点击不容易点中，通过增加padding可以增大点触敏感度...

移动端触摸事件有哪些

click事件touch类事件touchstart：手指触摸到屏幕会触发touchmove：当手指在屏幕上移动时，会触发touchend：当手指离开屏幕时，会触发touchcancel：可由系统进行的触发，比如手指触摸屏幕的时候，突然alert了一下，或者系统中其他打断了touch的行为，则可以触发该事件tap类事件tap： 手指碰一下屏幕会触发longTap： 手指长按屏幕会触发singleTap： 手指碰一下屏幕会触发doubleTap： 手指双击屏幕会触发滑动事件swipe：手指在屏幕上滑动时会触发swipeLeft：手指在屏幕上向左滑动时会触发swipeRight：手指在屏幕上向右滑动时会触发swipeUp：手指在屏幕上向上滑动时会触发swipeDown：手指在屏幕上向下滑动时会触发

魅族pro7如何使用Meteor Swipe

和 pc端是一样的 不过移动端 有几个 特殊的事件 比如touch 事件touchstart：手指触摸到屏幕会触发touchmove：当手指在屏幕上移动时，会触发touchend：当手指离开屏幕时，会触发touchcancel：可由系统进行的触发，比如手指触摸屏幕的时候，突然alert了一下，或者系统中其他打断了touch的行为，则可以触发该事件tap事件tap： 手指碰一下屏幕会触发longTap： 手指长按屏幕会触发singleTap： 手指碰一下屏幕会触发doubleTap： 手指双击屏幕会触发swipe事件swipe：手指在屏幕上滑动时会触发swipeLeft：手指在屏幕上向左滑动时会触发swipeRight：手指在屏幕上向右滑动时会触发swipeUp：手指在屏幕上向上滑动时会触发swipeDown：手指在屏幕上向下滑动时会触发这些事件不能用 $（xx）.事件名（） 去绑定 应该$(document).bind('touchmove', function (event) {console.log（'手指在屏幕上滑动了'）event.preventDefault();});解绑 用unbind

转载请注明出处51数据库 » swipeleft软件