DirectionControlView 一个方向控制自定义View

这是一个可识别上滑，下滑，左滑，右滑，方向识别与控制的自定义View

Demo下载：我的Github DirectionControlView

DirectionControlView它是一个控制面板之类的View，可以处理在这个View上面，左滑，右滑，上滑，下滑，单击，双击事件。

这个自定义View设计起来非常简单，使用的核心就是：GestureDetector，手势识别器，我只是把它用到了这个View里，然后对外提供接口。

下面要说设计思路了。

1，在自定义View里创建GestureDetector对象，设置监听器 OnGestureListener，OnDoubleTapListener。

2，让GestureDetector对象接管这个View的Event事件。

3，声明一个包含所有状态的接口，供外面使用。

4，处理单击，长按，双击事件。

5，处理上下左右滑动事件。

DirectionControlView设计思路就是酱子。

---

接下来看代码详细的分析上述所说的步骤。

1，在自定义View里创建GestureDetector对象，设置监听器 OnGestureListener，OnDoubleTapListener。

    public class DirectionControlView extends View implements            GestureDetector.OnGestureListener, GestureDetector.OnDoubleTapListener {        private static final String TAG = DirectionControlView.class.getSimpleName();        private static final int MIN_OFFSET_VALUE = 20;        private GestureDetector mGestureDetector;        private DirectionControlListener mDirectionControlListener;        public DirectionControlView(Context context) {            super(context);            init();        }        public DirectionControlView(Context context, AttributeSet attrs) {            super(context, attrs);            init();        }        public DirectionControlView(Context context, AttributeSet attrs, int defStyleAttr) {            super(context, attrs, defStyleAttr);            init();        }        private void init() {            mGestureDetector = new GestureDetector(this);            mGestureDetector.setOnDoubleTapListener(this);        }

2，让GestureDetector对象接管这个View的Event事件。

        @Override        public boolean onTouchEvent(MotionEvent event) {            return mGestureDetector.onTouchEvent(event);        }

3，声明一个包含所有状态的接口，供外面使用。

        public interface DirectionControlListener {            void singleClick();            void longClick();            void doubleClick();            void leftSlide();            void rightSlide();            void upSlide();            void downSlide();        }        public void setControlStateListener(DirectionControlListener listener) {            mDirectionControlListener = listener;        }

4，处理单击，长按，双击事件。

        @Override        public boolean onDown(MotionEvent motionEvent) {            Log.i(TAG, "onDown");            return true;        }        @Override        public void onShowPress(MotionEvent motionEvent) {            Log.i(TAG, "onShowPress");        }        @Override        public boolean onSingleTapUp(MotionEvent motionEvent) {            Log.i(TAG, "onSingleTapUp");            if (mDirectionControlListener != null) {//单击事件                mDirectionControlListener.singleClick();            }            return true;        }        @Override        public boolean onScroll(MotionEvent motionEvent, MotionEvent motionEvent1, float v, float v1) {            Log.i(TAG, "onScroll");            return false;        }        @Override        public void onLongPress(MotionEvent motionEvent) {            Log.i(TAG, "onLongPress");            if (mDirectionControlListener != null) {//长按点击事件                mDirectionControlListener.longClick();            }        }        @Override        public boolean onDoubleTap(MotionEvent motionEvent) {            Log.i(TAG, "onDoubleTap");            if (mDirectionControlListener != null) {//双击事件                mDirectionControlListener.doubleClick();            }            return true;        }

5，处理上下左右滑动事件。

        @Override        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {            Log.i(TAG, "onFling");            float offsetX = e1.getX() - e2.getX();//X方向偏移量            float offsetY = e1.getY() - e2.getY();//Y方向偏移量            if (Math.abs(offsetX) > Math.abs(offsetY)) {//左滑或者右滑                if (e1.getX() - e2.getX() > MIN_OFFSET_VALUE) {                    if (mDirectionControlListener != null) {//左滑                        mDirectionControlListener.leftSlide();                    }                } else {                    if (mDirectionControlListener != null) {//右滑                        mDirectionControlListener.rightSlide();                    }                }            } else {//上滑或者下滑                if (e1.getY() - e2.getY() > MIN_OFFSET_VALUE) {                    if (mDirectionControlListener != null) {//上滑                        mDirectionControlListener.upSlide();                    }                } else {                    if (mDirectionControlListener != null) {//下滑                        mDirectionControlListener.downSlide();                    }                }            }            return true;        }

处理上下左右滑动，我这里只做了简单的处理，其实可以做更细致一些，需要修改的可以自行修改业务逻辑。

最后，就可以在外面直接使用了。

---

我的Demo里的布局中文使用情况：

    <?xml version="1.0" encoding="utf-8"?>    <LinearLayout        xmlns:android="http://schemas.android.com/apk/res/android"        android:orientation="vertical"        android:layout_width="match_parent"        android:layout_height="match_parent">        <com.zhan.directioncontrolview.widget.DirectionControlView            android:id="@+id/main_dcv"            android:layout_weight="1"            android:background="#41E194"            android:layout_width="match_parent"            android:layout_height="match_parent" />        <TextView            android:id="@+id/main_tv"            android:gravity="center"            android:textSize="25sp"            android:text="Show"            android:textColor="@android:color/white"            android:background="#4164E1"            android:layout_width="match_parent"            android:layout_height="50dp" />       </LinearLayout>

代码中使用：

    public class MainActivity extends AppCompatActivity             implements DirectionControlView.DirectionControlListener {        private DirectionControlView mDirectionControlView;        private TextView mTextView;        @Override        protected void onCreate(Bundle savedInstanceState) {            super.onCreate(savedInstanceState);            setContentView(R.layout.activity_main);            initView();            mDirectionControlView.setControlStateListener(this);        }        private void initView() {            mDirectionControlView = (DirectionControlView) findViewById(R.id.main_dcv);            mTextView = (TextView) findViewById(R.id.main_tv);        }        private void showToast(String str) {            mTextView.setText(str);        }        @Override        public void singleClick() {            showToast("单击");        }        @Override        public void longClick() {            showToast("长按");        }        @Override        public void doubleClick() {            showToast("双击");        }        @Override        public void leftSlide() {            showToast("左滑");        }        @Override        public void rightSlide() {            showToast("右滑");        }        @Override        public void upSlide() {            showToast("上滑");        }        @Override        public void downSlide() {            showToast("下滑");        }    }

DirectionControlView这个自定义View就这样分析完了。

再来看一次效果图：

让它做一个简单识别： 上下左右 并进行业务逻辑处理，我想还是不错的。

Demo下载：我的Github DirectionControlView

2016年7月03日 14:11:34