带手势滑动的日历Demo

该日历是用GridView来写的，其实跟普通的日历相比就增加了一个通过手势来拖动页面的效果，那这个手势gesture在android里是如何实现的呢?接下来我就为大家展示一下改程序的主要核心代码以及解析.

 

首先看一下效果图:

首先要创建一个GestureListener类来继承SimpleOnGestureListener，说到SimpleOnGestureListener呢，它其实就是Android SDK提供了一个listener类来侦测各种不同的手势，你只需要实现自己所关心的手势就可以了.

       

Class GestureListener extends SimpleOnGestureListener {

 

@Override

 

//在onFling方法中, 判断是不是一个合理的swipe动作;

 

public 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动作:

 

                @Override

 

//在onFling方法中, 判断是不是一个合理的swipe动作;

 

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) {

 

  try {       

    if (Math.abs(e1.getY() - e2.getY()) > SWIPE_MAX_OFF_PATH)

 

           return false;

 

          // right to left swipe

 

    if (e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {

 

          viewFlipper.setInAnimation(slideLeftIn);

 

          viewFlipper.setOutAnimation(slideLeftOut);

 

          viewFlipper.showNext();

 

          setNextViewItem();                                                 

          return true;                              

 

     } else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {            

 

   //这里的viewFlipper是含有多个view的一个container, 可以很方便的调用prev/next view;

 

         viewFlipper.setInAnimation(slideRightIn);                                 

 

         viewFlipper.setOutAnimation(slideRightOut);                    

 

         viewFlipper.showPrevious();                         

         setPrevViewItem();

 

         return true;

 

             }

 

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

//添加Animation实现不同动画效果

 

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

 

<set xmlns:android="http://schemas.android.com/apk/res/android">

 

<translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="800"/>

 

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

 

    @Override

 

      //获取手势action;

 

public boolean onTouch(View v, MotionEvent event) {     

 

  return mGesture.onTouchEvent(event);   }

 

 

 

 

这个比较简单，Gridview跟自定义的adapter我就不在这里奉上啦

来下载源码吧！