现在的位置: 首页 > 综合 > 正文

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

2013年12月03日 ⁄ 综合 ⁄ 共 1985字 ⁄ 字号 评论关闭

http://www.javaeye.com/topic/369122

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

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

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

Java代码 复制代码
  1. class MyGestureDetector extends SimpleOnGestureListener {
      
  2. @Override  
  3. public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
      
  4. }  



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

Java代码 复制代码
  1. private static final int SWIPE_MIN_DISTANCE = 120;
      
  2. private static final int SWIPE_MAX_OFF_PATH = 250;
      
  3. private static final int SWIPE_THRESHOLD_VELOCITY = 200;  



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

Java代码 复制代码
  1. if(e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
      
  2. viewFlipper.setInAnimation(slideLeftIn);   
  3. viewFlipper.setOutAnimation(slideLeftOut);   
  4. viewFlipper.showNext();   
  5. else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
      
  6. viewFlipper.setInAnimation(slideRightIn);   
  7. viewFlipper.setOutAnimation(slideRightOut);   
  8. viewFlipper.showPrevious();   
  9. }  



这里的viewFlipper是含有多个view的一个container, 可以很方便的调用prev/next view, 加上animation动画, 可以达到一些不错的效果: 

Java代码 复制代码
  1. viewFlipper = (ViewFlipper)findViewById(R.id.flipper);   
  2.         slideLeftIn = AnimationUtils.loadAnimation(this, R.anim.slide_left_in);
      
  3.         slideLeftOut = AnimationUtils.loadAnimation(this, R.anim.slide_left_out);
      
  4.         slideRightIn = AnimationUtils.loadAnimation(this, R.anim.slide_right_in);
      
  5.         slideRightOut = AnimationUtils.loadAnimation(this, R.anim.slide_right_out);  


自定义的animation可以查看具体的XML, 比如从左边进来的一个动画: 

Xml代码 复制代码
  1. <set xmlns:android="http://schemas.android.com/apk/res/android">  
  2.     <translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="800"/>  
  3. </set>  



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

Java代码 复制代码
  1. @Override  
  2. public boolean onTouchEvent(MotionEvent event) {
      
  3. if (gestureDetector.onTouchEvent(event))
      
  4. return true;
      
  5. else  
  6. return false;
      
  7. }  

抱歉!评论已关闭.