首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > Android >

[原创] 怎么在android中实现swipe的手势功能及页面拖动动画

2012-09-19 
[原创] 如何在android中实现swipe的手势功能及页面拖动动画iPhone界面解锁是用手指划动来实现的, 那么这个

[原创] 如何在android中实现swipe的手势功能及页面拖动动画
iPhone界面解锁是用手指划动来实现的, 那么这个手势gesture在android里如何实现呢?

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

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

class MyGestureDetector extends SimpleOnGestureListener {@Overridepublic boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {}


一个划动的手势有几个特征, 比如是在x或者y轴上近乎直线的划动, 中途路径的偏差不能太大, 而且划动需要一定的速度, 所以我们定义几个定量:
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, 比如从左边进来的一个动画:
<set xmlns:android="http://schemas.android.com/apk/res/android">    <translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="800"/></set>


当然最后不要忘记在你的Activity中override onTouch方法来获取手势action:
@Overridepublic boolean onTouchEvent(MotionEvent event) {if (gestureDetector.onTouchEvent(event))return true;elsereturn false;}


这是view animation的一个截图:
 

源代码在附件中 ^_^tv.setOnTouchListener(new OnTouchListener() {float x_down = -1;float x_up = -1;float f_down = -1;float f_up = -1;public boolean onTouch(View v, MotionEvent event) {if (event.getAction() == MotionEvent.ACTION_DOWN) {x_down = event.getRawX();if (x_down != -1) {f_down = x_down;}}if (event.getAction() == MotionEvent.ACTION_UP) {x_up = event.getRawX();if (x_up != -1) {f_up = x_up;}}if (x_up != -1 && x_down != -1) {System.out.println(f_down + " " + f_up);if (f_down - f_up > 50) {System.out.println("上一页");} else if (f_down - f_up < -50) {System.out.println("下一页");}f_down = -1;f_up = -1;x_down = -1;x_up = -1;}return true;}});

java新手 见笑了 

你公司具体是做什么的? embedded linux吗?  一般这些只用到C, C++反而较少, 太底层了.
android基本上都是通过JNI(Java Native Interface)来call这些C的库.  对于我们新手来说, 起步是挺困难的.
我们可以先从Android的代码开始看, 由浅入深, 慢慢深入到C方面.  这需要一个过程, 要有耐心和恒心.

不过如果你可以精通android的源码的话, 已经是大牛一只了.  我最近开始看了下android的源码, 那个打击啊... 人与人的差距... 真大啊~~~~~~ 
我也看了一些android的源码,感觉没您这么深刻啊,能不能说一下,怎么写的好了,我也学习领会一下。 17 楼 fc6029585 2009-06-03   大哥..
你好强啊..
我想做你徒弟啊!!! 18 楼 skyxiaobai 2009-07-09   请教一下:
一个list里面有很多item,如联系人等,用手指向上滚动,item向上滚动,现在是最后一个item滚到底部时就不动了,但要求是最后一个滚到底部后继续向上滚动一段距离后接着向下滚动到底部。
还有 trackmotionscroll方法的使用。
谢谢了 19 楼 lordhong 2009-07-09   skyxiaobai 写道请教一下:
一个list里面有很多item,如联系人等,用手指向上滚动,item向上滚动,现在是最后一个item滚到底部时就不动了,但要求是最后一个滚到底部后继续向上滚动一段距离后接着向下滚动到底部。


你说的这个模式是iPhone的UI模式, android要安装android的模式来编程, 不是技术上的限制, 而是用户习惯的问题. 20 楼 mnastronomy 2009-11-12   请问楼主,怎么样才能判断目前翻到多少页了? 21 楼 lordhong 2009-11-13   mnastronomy 写道请问楼主,怎么样才能判断目前翻到多少页了?
android listview没有页的概念 22 楼 yuankai 2009-11-13   你用的是SDK2.0还是1.5 ??? 23 楼 skynetbird 2009-11-20   你的文章看的很多,非常赞啊,也是一直做技术的吧。 24 楼 lordhong 2009-11-20   skynetbird 写道你的文章看的很多,非常赞啊,也是一直做技术的吧。

是~~~~~ IT民工超过10年了... 25 楼 vlinux 2009-11-21   看不出,看头像挺年轻的,我们公司工作10年以上的都已经写在脸上或者刻印在头发上了 26 楼 lordhong 2009-11-22   vlinux 写道看不出,看头像挺年轻的,我们公司工作10年以上的都已经写在脸上或者刻印在头发上了
because... you are looking at my pic that was taken 10 years ago... Orz... 27 楼 freedombelief 2009-12-10   lordhong 写道vlinux 写道看不出,看头像挺年轻的,我们公司工作10年以上的都已经写在脸上或者刻印在头发上了
because... you are looking at my pic that was taken 10 years ago... Orz...
ORZ。。刚看了鲁豫有约--黄渤的那期。。。大牛和他真像啊 28 楼 lordhong 2009-12-10   freedombelief 写道lordhong 写道vlinux 写道看不出,看头像挺年轻的,我们公司工作10年以上的都已经写在脸上或者刻印在头发上了
because... you are looking at my pic that was taken 10 years ago... Orz...
ORZ。。刚看了鲁豫有约--黄渤的那期。。。大牛和他真像啊
说错了吧... 是他和我真像... =.=# 29 楼 zolomon 2010-01-21   这个效果真的不错,我很想做一个像andorid自带的ListView那样的效果,只不过是一个横向的,可是摸不到头脑,看了lordhong的这个帖子有了些启发,可是下一步又摸不到头脑了:(不知道lordhong可否指点一二? 30 楼 lordhong 2010-01-26   zolomon 写道这个效果真的不错,我很想做一个像andorid自带的ListView那样的效果,只不过是一个横向的,可是摸不到头脑,看了lordhong的这个帖子有了些启发,可是下一步又摸不到头脑了:(不知道lordhong可否指点一二?

看下ListView的源代码... 很晕的... 不过实现的思路也在那里, 呵呵

热点排行