如何在android中实现swipe的手势功能及页面拖动动画

iPhone界面解锁是用手指划动来实现的, 那么这个手势gesture在android里如何实现呢?

Android SDK提供了一个listener类来侦测各种不同的手势:
SimpleOnGestureListener. 你只需要实现自己所关心的手势就可以了.
Swipe在android里面是叫Fling ^_^

首先创建自己的一个手势detector类:

[java]view plaincopy

classMyGestureDetectorextendsSimpleOnGestureListener{
@Override
publicbooleanonFling(MotionEvente1,MotionEvente2,floatvelocityX,floatvelocityY){
}

个划动的手势有几个特征, 比如是在x或者y轴上近乎直线的划动, 中途路径的偏差不能太大, 而且划动需要一定的速度, 所以我们定义几个定量:

[java]view plaincopy

privatestaticfinalintSWIPE_MIN_DISTANCE=120;
privatestaticfinalintSWIPE_MAX_OFF_PATH=250;
privatestaticfinalintSWIPE_THRESHOLD_VELOCITY=200;

然后在onFling方法中, 判断是不是一个合理的swipe动作:

[java]view plaincopy

if(e1.getX()-e2.getX()>SWIPE_MIN_DISTANCE&&Math.abs(velocityX)>SWIPE_THRESHOLD_VELOCITY){
viewFlipper.setInAnimation(slideLeftIn);
viewFlipper.setOutAnimation(slideLeftOut);
viewFlipper.showNext();
}elseif(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动画, 可以达到一些不错的效果:

[java]view plaincopy

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, 比如从左边进来的一个动画:

[java]view plaincopy

<setxmlns:android="http://schemas.android.com/apk/res/android">
<translateandroid:fromXDelta="100%p"android:toXDelta="0"android:duration="800"/>
</set>

当然最后不要忘记在你的Activity中override onTouch方法来获取手势action:

[java]view plaincopy

@Override
publicbooleanonTouchEvent(MotionEventevent){
if(gestureDetector.onTouchEvent(event))
returntrue;
else
returnfalse;
}

这是view animation的一个截图:

如何在android中实现swipe的手势功能及页面拖动动画_第1张图片

原文地址：点击打开链接

更多相关文章

随机推荐