20分鐘學會Android全手勢處理洞坑，你要的都有

以前都是迷茫過日子侧漓，沉迷游戲浪腐，也是被騰訊害了我的前半生特漩。誰都有人生最灰暗的一段日子访得，索性后來被一耳光打醒搜骡，才開始懂得珍惜時間，才會覺得時間是最貴重的，得拼命地擠。我的github13年申請，前面是空白，最近就開始綠了，我相信堅持下去令境，會種出一片草坪。

image.png

走過路過千萬不要錯過肚逸，瞧一瞧看一看了务冕，Android手勢操作大甩賣。這里有按下，抬起，點擊，長按蘑拯，左滑剃法，右滑优构，上滑势腮，下滑署照，放大縮小右蒲，應有盡有间坐。10塊錢打包帶走蜈七，你還在猶豫什么。

代碼傳送門

來一把事件操作大合唱：

giphy.gif

前提準備：

GestureDetector 操作手勢識別器
ScaleGestureDetector 縮放手勢識別器
在onTouchEvent中彬伦，分別通過gestureDetector.onTouchEvent(event)
scaleGestureDetector.onTouchEvent(event)，接手手勢事件
分別通過OnGestureListener和SimpleOnScaleGestureListener處理手勢事件苔巨。
事件監(jiān)聽器：

    class MyGestureDetectorListener implements GestureDetector.OnGestureListener{

        @Override
        public boolean onDown(MotionEvent e) {
            return false;
        }

        @Override
        public void onShowPress(MotionEvent e) {

        }

        @Override
        public boolean onSingleTapUp(MotionEvent e) {
            return false;
        }

        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
            return false;
        }

        @Override
        public void onLongPress(MotionEvent e) {

        }

        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
            return false;
        }
    }

    class MyScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {

        @Override
        public boolean onScale(ScaleGestureDetector detector) {
            return super.onScale(detector);
        }

        @Override
        public boolean onScaleBegin(ScaleGestureDetector detector) {
            return super.onScaleBegin(detector);
        }

        @Override
        public void onScaleEnd(ScaleGestureDetector detector) {
            super.onScaleEnd(detector);
        }

    }

實現(xiàn)過程：
1.創(chuàng)建GestureFrame繼承RelativeLayout，創(chuàng)建手勢識別器

    private void init() {
        gestureDetector = new GestureDetector(getContext(),new MyGestureDetectorListener());
        scaleGestureDetector = new ScaleGestureDetector(getContext(),new MyScaleListener());
    }

2.在onTouchEvent中獲取按下活翩，抬起事件峦树；判斷起始點橫坐標差值谷遂，判斷是左滑動還是右滑動。

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                startX = event.getX();
                callBack.callBack("按下");
                break;
            case MotionEvent.ACTION_UP:
                endX = event.getX();
                callBack.callBack("抬起");

                if(endX - startX > 200){
                    callBack.rightEvent();
                }else if(startX - endX > 200){
                    callBack.leftEvent();
                }
                break;
        }

        //將觸摸事件傳遞給手勢識別器處理
        gestureDetector.onTouchEvent(event);
        scaleGestureDetector.onTouchEvent(event);
        return true;
    }

3.onSingleTapUp()回調(diào)單擊事件悦污；onScroll()回調(diào)上下左右拖動事件踏枣；onLongPress()長按事件；onScale()回調(diào)縮放事件，detector.getScaleFactor()獲取縮放比例；

    class MyGestureDetectorListener implements GestureDetector.OnGestureListener {

        @Override
        public boolean onDown(MotionEvent e) {

            return false;
        }

        @Override
        public void onShowPress(MotionEvent e) {

        }

        @Override
        public boolean onSingleTapUp(MotionEvent e) {
            callBack.click(e.getX(),e.getY());
            callBack.callBack("單擊");
            return true;
        }

        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
            curHeight += distanceY;
            callBack.callBackScale("上下滑動  " + curHeight);
            //distanceX 左右滑動值
            return false;
        }

        @Override
        public void onLongPress(MotionEvent e) {
            callBack.callBack("長按");
        }

        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
            return false;
        }
    }

    class MyScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {

        @Override
        public boolean onScale(ScaleGestureDetector detector) {
            callBack.callBackScale("縮放比例： " + detector.getScaleFactor());
            return super.onScale(detector);
        }

        @Override
        public boolean onScaleBegin(ScaleGestureDetector detector) {
            return super.onScaleBegin(detector);
        }

        @Override
        public void onScaleEnd(ScaleGestureDetector detector) {
            super.onScaleEnd(detector);
        }

    }

GestureFrame完整代碼：

import android.content.Context;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.ScaleGestureDetector;
import android.widget.RelativeLayout;

public class GestureFrame extends RelativeLayout{
    private GestureDetector gestureDetector;
    private ScaleGestureDetector scaleGestureDetector;
    private IcallBack callBack;
    private float startX;
    private float endX;
    private int curHeight;

    public GestureFrame(Context context) {
        super(context);
        init();
    }

    public GestureFrame(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        gestureDetector = new GestureDetector(getContext(),new MyGestureDetectorListener());
        scaleGestureDetector = new ScaleGestureDetector(getContext(),new MyScaleListener());
    }


    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                startX = event.getX();
                callBack.callBack("按下");
                break;
            case MotionEvent.ACTION_UP:
                endX = event.getX();
                callBack.callBack("抬起");

                if(endX - startX > 200){
                    callBack.rightEvent();
                }else if(startX - endX > 200){
                    callBack.leftEvent();
                }
                break;
        }

        //將觸摸事件傳遞給手勢識別器處理
        gestureDetector.onTouchEvent(event);
        scaleGestureDetector.onTouchEvent(event);
        return true;
    }

    class MyGestureDetectorListener implements GestureDetector.OnGestureListener {

        @Override
        public boolean onDown(MotionEvent e) {

            return false;
        }

        @Override
        public void onShowPress(MotionEvent e) {

        }

        @Override
        public boolean onSingleTapUp(MotionEvent e) {
            callBack.click(e.getX(),e.getY());
            callBack.callBack("單擊");
            return true;
        }

        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
            curHeight += distanceY;
            callBack.callBackScale("上下滑動  " + curHeight);
            //distanceX 左右滑動值
            return false;
        }

        @Override
        public void onLongPress(MotionEvent e) {
            callBack.callBack("長按");
        }

        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
            return false;
        }
    }

    class MyScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {

        @Override
        public boolean onScale(ScaleGestureDetector detector) {
            callBack.callBackScale("縮放比例： " + detector.getScaleFactor());
            return super.onScale(detector);
        }

        @Override
        public boolean onScaleBegin(ScaleGestureDetector detector) {
            return super.onScaleBegin(detector);
        }

        @Override
        public void onScaleEnd(ScaleGestureDetector detector) {
            super.onScaleEnd(detector);
        }

    }

    public interface IcallBack{
        void callBack(String string);
        void callBackScale(String scale);
        void leftEvent();
        void rightEvent();
        void click(float x,float y);
    }

    public void setCallback(IcallBack callback){
        this.callBack = callback;
    }

FocusBoxView完整代碼：

import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.support.v7.widget.AppCompatImageView;
import android.util.AttributeSet;
import android.widget.RelativeLayout;

public class FocusBoxView extends AppCompatImageView {

    public FocusBoxView(Context context) {
        super(context);
    }

    public FocusBoxView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public void startFocus(float x,float y){

        RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) getLayoutParams();
        layoutParams.leftMargin = (int) (x - getMeasuredWidth() / 2);
        layoutParams.topMargin = (int) (y - getMeasuredHeight() / 2);
        setLayoutParams(layoutParams);
        setVisibility(VISIBLE);
    }

}

Mainactivity回調(diào)設置值喉悴，顯示事件，左右滑動動畫

   import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    private TextView textView;
    private GestureFrame gestureFrame;
    private StringBuilder stringBuilder;
    private TextView tvMsg;
    private FocusBoxView ivClick;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        gestureFrame = (GestureFrame) findViewById(R.id.gesture_frame);
        textView = (TextView) findViewById(R.id.tv);
        tvMsg = (TextView) findViewById(R.id.tv_Msg);
        ivClick = (FocusBoxView) findViewById(R.id.iv_click);

        stringBuilder = new StringBuilder();
        gestureFrame.setCallback(new GestureFrame.IcallBack() {
            @Override
            public void callBack(String string) {
                stringBuilder.append(string + "   ");
                textView.setText(stringBuilder.toString());
            }

            @Override
            public void callBackScale(String scale) {
                tvMsg.setText(scale);
            }

            @Override
            public void leftEvent() {
                TranslateAnimation animation = new TranslateAnimation(0,-300,0,0);
                animation.setDuration(300);
                tvMsg.startAnimation(animation);
                tvMsg.setText("左滑");
            }

            @Override
            public void rightEvent() {
                TranslateAnimation animation = new TranslateAnimation(0,300,0,0);
                animation.setDuration(300);
                tvMsg.startAnimation(animation);
                tvMsg.setText("右滑");
            }

            @Override
            public void click(float x, float y) {
                ivClick.startFocus(x,y);
            }
        });

    }

}

4.activity_main.xml布局：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.gestureuse.gestureuse.MainActivity">

    <com.example.gestureuse.gestureuse.GestureFrame
        android:id="@+id/gesture_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="15sp"/>

    <TextView
        android:id="@+id/tv_Msg"
        android:layout_width="150dp"
        android:layout_height="40dp"
        android:textSize="17sp"
        android:layout_centerInParent="true"
        android:textColor="#fff"
        android:gravity="center"
        android:background="@drawable/round_shape_halftrans"/>

    <com.example.gestureuse.gestureuse.FocusBoxView
        android:id="@+id/iv_click"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@mipmap/circle_green"/>

</RelativeLayout>

上下滑動需要加一個標志再觸發(fā)，比如點擊才能觸發(fā)，不然會和左右滑動、縮放一起觸發(fā)。界面顯示效果沒有去弄美觀一些，還請見諒渊鞋。程序猿持續(xù)進化，博客持續(xù)更新，敬請期待摊崭。

最后編輯于：2017.12.01 01:17:05

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末，一起剝皮案震驚了整個濱河市，隨后出現(xiàn)的幾起案子辆童，更是在濱河造成了極大的恐慌场晶，老刑警劉巖概耻，帶你破解...
沈念sama閱讀 218,204評論 6贊 506
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件夯尽，死亡現(xiàn)場離奇詭異圈纺，居然都是意外死亡，警方通過查閱死者的電腦和手機，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 93,091評論 3贊 395
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人蔚叨，你說我怎么就攤上這事〉倥啵” “怎么了府适？”我有些...
開封第一講書人閱讀 164,548評論 0贊 354
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵俐巴，是天一觀的道長缘圈。經(jīng)常有香客問我，道長数苫，這世上最難降的妖魔是什么亡鼠？我笑而不...
開封第一講書人閱讀 58,657評論 1贊 293
?港島之戀（遺憾婚禮）
正文為了忘掉前任思劳，我火速辦了婚禮，結果婚禮上，老公的妹妹穿的比我還像新娘窗宇。我一直安慰自己担败，他們只是感情好宙搬，可當我...
茶點故事閱讀 67,689評論 6贊 392
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著，像睡著了一般掌桩。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上，一...
開封第一講書人閱讀 51,554評論 1贊 305
城市分裂傳說
那天，我揣著相機與錄音葫督，去河邊找鬼。笑死领追，一個胖子當著我的面吹牛，可吹牛的內(nèi)容都是我干的。我是一名探鬼主播噩峦，決...
沈念sama閱讀 40,302評論 3贊 418
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼揍瑟，長吁一口氣：“原來是場噩夢啊……” “哼熙涤！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起义郑，我...
開封第一講書人閱讀 39,216評論 0贊 276
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤栋盹，失蹤者是張志新（化名）和其女友劉穎怎茫，沒想到半個月后祥山，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缝呕，經(jīng)...
沈念sama閱讀 45,661評論 1贊 314
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡悲立，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點故事閱讀 37,851評論 3贊 336
?白月光啟示錄
正文我和宋清朗相戀三年脚草，在試婚紗的時候發(fā)現(xiàn)自己被綠了写隶。大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點故事閱讀 39,977評論 1贊 348
活死人
序言：一個原本活蹦亂跳的男人離奇死亡溪厘，死狀恐怖守屉，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情蒿辙，我是刑警寧澤拇泛，帶...
沈念sama閱讀 35,697評論 5贊 347
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站思灌，受9級特大地震影響俺叭，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜泰偿，卻給世界環(huán)境...
茶點故事閱讀 41,306評論 3贊 330
男人毒藥：我在死后第九天來索命
文/蒙蒙一熄守、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧耗跛，春花似錦裕照、人聲如沸。這莊子的主人今日做“春日...
開封第一講書人閱讀 31,898評論 0贊 22
一樁弒父案牍氛，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽。三九已至烟阐，卻和暖如春搬俊，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背餐屎。一陣腳步聲響...
開封第一講書人閱讀 33,019評論 1贊 270
情欲美人皮
我被黑心中介騙來泰國打工腹缩，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留空扎，地道東北人。一個月前我還...
沈念sama閱讀 48,138評論 3贊 370
代替公主和親
正文我出身青樓盘寡，卻偏偏與公主長得像撮慨，于是被迫代替她去往敵國和親砌溺。傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當晚...
茶點故事閱讀 44,927評論 2贊 355

20分鐘學會Android全手勢處理，你要的都有

20分鐘學會Android全手勢處理洞坑，你要的都有

前提準備：

推薦閱讀更多精彩內(nèi)容