Android_GestureDetector手勢滑動使用

在很多ListView中都有該效果，現在自己實現下，順便熟悉GestureDetector的使用。
效果圖：

GestureDemoView.java：

package com.example.y2222.myview;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.GestureDetector;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.widget.LinearLayout;

import com.example.y2222.myapplication.R;

/**
 * Created by raise.yang on 2016/06/29.
 */
public class GestureDemoView extends LinearLayout {
    //1,定義GestureDetector類
    private GestureDetector m_gestureDetector;

    private int m_max_scrollX;

    public GestureDemoView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public GestureDemoView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        //設置為可點擊
        setClickable(true);
        //2,初始化手勢類，同時設置手勢監聽
        m_gestureDetector = new GestureDetector(context, onGestureListener);

        LayoutInflater.from(context).inflate(R.layout.view_gesture, this);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //3,將touch事件交給gesture處理
        m_gestureDetector.onTouchEvent(event);
        if (event.getAction() == MotionEvent.ACTION_UP) {
            // GestureDetector沒有處理up事件的方法，只能在這裡處理了。
            int scrollX = getScrollX();
            if (scrollX > m_max_scrollX / 2) {
                show_right_view();
            } else {
                hide_right_view();
            }
        }
        return super.onTouchEvent(event);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int childCount = getChildCount();
        for (int i = 0; i < childCount; i++) {
            //測量子view的寬高，？不測量，右側布局會不顯示，這裡有點疑問
            measureChild(getChildAt(i), widthMeasureSpec, heightMeasureSpec);
            if (i == 1) {
                m_max_scrollX = getChildAt(i).getMeasuredWidth();
            }
        }
    }

    //初始化手勢監聽對象，使用GestureDetector.OnGestureListener的實現抽象類，因為實際開發中好多方法用不上
    private final GestureDetector.OnGestureListener onGestureListener = new GestureDetector.SimpleOnGestureListener() {

        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
            Log.d("GestureDemoView", "onScroll() distanceX = " + distanceX + " getScrollX = " + getScrollX() + " max_scrollX = " + m_max_scrollX);
            int scrollX = getScrollX();
            int minScrollX = -scrollX;
            int maxScrollY = m_max_scrollX - scrollX;
            // 對滑動的距離邊界控制
            if (distanceX > maxScrollY) {
                distanceX = maxScrollY;
            } else if (distanceX < minScrollX) {
                distanceX = minScrollX;
            }
            scrollBy((int) distanceX, 0);
            return true;
        }

        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
            Log.d("GestureDemoView", "onFling() velocityX = " + velocityX);
            if (velocityX < 0) {
                //快速向左滑動
                show_right_view();
            } else {
                hide_right_view();
            }
            return super.onFling(e1, e2, velocityX, velocityY);
        }
    };

    private void show_right_view() {
        scrollTo(m_max_scrollX, 0);
    }

    private void hide_right_view() {
        scrollTo(0, 0);
    }

}

view_gesture.xml

xml文件中根標簽使用，可減少一層view樹嵌套，並且使用getChildCount()能得到我們想要的子view個數。

關於標簽的使用，詳見郭神的blog:http://blog.csdn.net/guolin_blog/article/details/43376527

實現也很簡單，在scroll和fling的時候，得到滑動距離或滑動速度，再調用view自己的scrollTo()或scrollBy()滑動內部元素即可。
從效果圖中，當滑動到一半松手時，立即滑動到最左邊，完全沒有動畫，這樣的體驗很差，所以還需優化。關於滑動時增加動畫效果，可以使用Scroller類完成，准備下期補上。

Gesture在 View中使用

和在viewgroup中一樣，在view中，同樣是經過三步來實現：
1. 定義GestureDetector類
2. 初始化手勢類，同時設置手勢監聽
3. 將touch事件交給gesture處理
舉個荔枝：
做了一個小球跟隨手指移動的效果，先繪制小球，當手指放在小球上滑動時，會調用onScroll()，在這個方法中，修改圓心的位置進行重繪，這樣小球就能移動了。
這裡有2個難點：
1. 如何判斷手指落在了小球上;
2. 滑動到邊界時，不能超過邊界；
效果圖：

GestureView.java代碼：

package com.example.y2222.myview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;

/**
 * Created by raise.yang on 2016/07/05.
 */
public class GestureView extends View {

    private GestureDetector m_gestureDetector;
    private Paint m_paint;
    //小球的中心點
    private float centerX;
    private float centerY;
    //小球的半徑
    private int radius;
    //是否touch在小球上
    private boolean touch_bool;

    public GestureView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public GestureView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        // 初始畫筆
        m_paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        m_paint.setColor(getResources().getColor(android.R.color.holo_blue_light));
        //設置為可點擊
        setClickable(true);
        //2,初始化手勢類，同時設置手勢監聽
        m_gestureDetector = new GestureDetector(context, onGestureListener);
        radius = 50;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //3,將touch事件交給gesture處理
        m_gestureDetector.onTouchEvent(event);
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            //判斷手指落在了小球上
            if (getDistanceByPoint((int) centerX, (int) centerY, (int) event.getX(), (int) event.getY()) < radius) {
                touch_bool = true;
            } else {
                touch_bool = false;
            }
        }
        return super.onTouchEvent(event);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        // 默認圓心在中心點
        if (w > 0) {
            centerX = w / 2;
        }
        if (h > 0) {
            centerY = h / 2;
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawCircle(centerX, centerY, radius, m_paint);
    }

    GestureDetector.OnGestureListener onGestureListener = new GestureDetector.SimpleOnGestureListener() {
        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
            if (touch_bool) {
                centerY -= distanceY;
                centerX -= distanceX;
                //處理邊界問題
                if (centerX < radius) {
                    centerX = radius;
                } else if (centerX > getWidth() - radius) {
                    centerX = getWidth() - radius;
                }
                if (centerY < radius) {
                    centerY = radius;
                } else if (centerY > getHeight() - radius) {
                    centerY = getHeight() - radius;
                }
                //修改圓心後，通知重繪
                postInvalidate();
            }
            return true;
        }
    };

    /**
     * 計算兩點間的距離
     */
    private int getDistanceByPoint(int x1, int y1, int x2, int y2) {
        double temp = Math.abs((x2 - x1) * (x2 - x1) - (y2 - y1) * (y2 - y1));
        return (int) Math.sqrt(temp);
    }

}

在處理問題1時，我設置了一個boolean值，在用戶觸摸的時候去判斷，當前點和圓心點的距離是否小於半徑，若小於，說明在圓內。這樣在滑動的時候，就去判斷一下，是否需要滑動小球。
控制邊界，其實就是控制圓心點的坐標，只要保證落在（radius,radius）,（getWidth()-radius,getHeight()-radius）兩點矩形中即可。