天天看点

Android自定义控件开发入门与实战(17)手势检测

第十三章、控件高级属性

1、GestureDetector手势检测

用户触摸屏幕的时候会产生很多手势,我们可以用onTouch()来监听,但是该函数太过简单,如果需要处理很复杂的手势,使用这个接口就会产生很多麻烦。

而SDK提供的GestureDetector类对外提供了两个接口(OnGestureListener 、OnDoubleTapListener)和一个外部类(SimpleOnGestureListener)。这个外部类其实是两个接口中所有函数的集成。它包含了这两个接口里所有必须实现的函数,而且都已经被重写,但所有函数体都是空的。该类是一个静态类,程序员可以在外部继承这个类,重写里面的手势处理函数。

GestureDetector.OnGestureListener接口

我们来写一个类实现这个接口

private class gestureListener 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;
        }
    }      

这里将重写六个函数,他们的含义如下:

  • onDown(MotionEvent e):用户按下屏幕就会触发
  • onShowPress(MotionEvent e):如果按下的时间超过瞬间,而且在按下的时候没有松开或者是拖动,该函数就会触发
  • onSingleTapUp(MotionEvent e):一次单击然后抬起的操作,就是手指往屏幕上点一下然后抬起就会回调的函数,当然了,如果我们做了其他的操作,产生了除了onDown()和onShowPress以外的方法触发,那么该方法就不会触发了。

    触发顺序是:(很快的轻触抬起)onDown --> onSignleTapUp --> onSingleTapConfirmed

    (慢一点的轻触抬起)onDown --> onShowPress --> onSingleTapUp -->onSingleTapConfirmed

  • onLongPress(MotionEvent e):长按屏幕超过一定的时候就会触发该函数。

    触发顺序时:onDown --> onShowPress --> onLongPress

  • onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY):滑屏。用户按下触摸屏、快速移动后松开,由一个MotionEvent ACTION_DOWN、多个ACTION_MOVE、一个ACTION_UP触发
  • onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY):在屏幕上拖动事件。无论是用手拖动View,还是以抛的动作滚动,都会多次触发这个函数,在ACTION_MOVE动作发生时就会触发该函数

手指触动屏幕后,稍微滑动后立即松开,触发顺序为:onDown --> onScroll -> onScroll -->…–>onFling

拖动的触发顺序为:onDown --> onScroll --> onScroll -->onfling

所以无论是滑屏还是拖动,影响的知识中间onScroll 被触发的数量而已,最终都是会触发onFling事件

示例

要使用GestureDetector,有四步要走:

(1)创建OnGestureListener()监听函数

可以构造实例:

GestureDetector.OnGestureListener listener = new GestureDetector.OnGestureListener() {}      

也可以构造类:

private class gestureListener implements GestureDetector.OnGestureListener{}      

(2)创建GestureDetector实例mGestureDetector

有下面三个构造函数:

= new GestureDetector(GestureDetector.OnGestureListener listener);
   GestureDetector gestureDetector = new GestureDetector(Context context, GestureDetector.OnGestureListener listener);
   GestureDetector gestureDetector = new GestureDetector(Context context, GestureDetector.SimpleOnGestureListener listener)      

(3)在onTouch()中进行拦截:

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

(4)绑定控件

TextView v = findViewById(R.id.tv);
tv.setOnTouchListener(this);      

下面来举一个例子,我们在主页面中添加一个TextView,并将其放大到整屏,方便在其上的手势检测。

xml:

<TextView
        android:id="@+id/tv"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_margin="50dp"
        android:background="#ff00ff"
        android:text="hello Rikka"/>      

代码:

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

        mGestureDetector = new GestureDetector(new gestureListener());
        tv = findViewById(R.id.tv);
        tv.setOnTouchListener(this);
        tv.setFocusable(true);
        tv.setClickable(true);
        tv.setLongClickable(true);
    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        return mGestureDetector.onTouchEvent(event);
    }


    private class gestureListener implements GestureDetector.OnGestureListener {

        @Override
        public boolean onDown(MotionEvent e) {
            Log.d("rikka", "onDown");
            return false;
        }

        @Override
        public void onShowPress(MotionEvent e) {
            Log.d("rikka", "onShowPress");
        }

        @Override
        public boolean onSingleTapUp(MotionEvent e) {
            Log.d("rikka", "onSingleTapUp");
            return false;
        }

        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
            Log.d("rikka", "onScroll" + (e2.getX() - e1.getX()) + "  " + distanceX);
            return false;
        }

        @Override
        public void onLongPress(MotionEvent e) {
            Log.d("rikka", "onLongPress");
        }

        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
            Log.d("rikka", "onFling");
            return false;
        }
    }      

OnDoubleTapListener接口

有两种方式设置监听。

方法一:新建一个类,同时派生自onGestureListener和OnDoubleTapListener

private class gestureListener1 implements GestureDetector.OnGestureListener, GestureDetector.OnDoubleTapListener{      

方法二:使用setOnDoubleTapListener()函数设置双击监听。

mGestureDetector = new GestureDetector(new gestureListener());

 private class gestureListener implements GestureDetector.OnGestureListener {
 }

mGestureDetector.setOnDoubleTapListener(new doubleTapListener());
private class doubleTapListener implements GestureDetector.OnDoubleTapListener{
}      

可以看到,无论方法一还是方法二,都需要派生自GestureDetector.OnGestureListener

所以,想要实现onDoubleTapListener的几个函数,就必须要先实现OnGestureListener。

必须要重写的函数:

private class doubleTapListener implements GestureDetector.OnDoubleTapListener{

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

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

        @Override
        public boolean onDoubleTapEvent(MotionEvent e) {
            return false;
        }
    }      
  • onSingleTapConfimed(MotionEvent e):单击事件,用来判定该次单击是SingleTap,而不是DoubleTap。如果连续单击两次,就是DoubleTap手势,如果只单击一次,系统等待一段时间后没有收到第二次单击,则判定该单击为SingleTap,而不是DoubleTap,然后触发SingleTapConfirmed事件。触发顺序时 onDown–>onSingleTapUp–>onSingleTapConfirmed OnGestureLisrener。
  • onDoubleTap(MotionEvent e):双击事件
  • onDoubleTapEvent(MotionEvent e):双击间隔中发生的动作。指在触发onDoubleTap以后,在双击之间发生的其他动作。

SimpleOnGestureListener

  • 它是一个类,如果要在它的继承上写手势检测,只要用extends派生,而不是implements继承
  • SimpleOnGestureListener实现了OnGestureListener和OnDoubleTapListener的所有函数,并且无需要强制全部重写,不过其里面的函数实现是空的。

onFling()函数的应用—识别是左滑还是向右滑

onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)      

参数:

  • e1:第一个ACTION_DOWN MotionEvent
  • e2:最后一个ACTION_MOVE MotionEvent
  • velocityX:X轴上的移动速度,单位为像素/秒
  • velocityY:Y轴上的移动速度,单位为像素/秒

当用户向左滑动超过100像素,且滑动速度超过100像素/秒时,即判断为向左滑动,向右同理。核心代码是在onFling()函数中判断当前滑动方向及滑动速度是不是达到指定值。

Window与WindowManager

Window表示窗口,在某些特殊的时候,比如需要在桌面或者锁屏上显示一些类似悬浮窗的效果,就需要利用到Window。Android中所有的视图都是通过Window来呈现的,不管是Activity,、Dialog还是Toast,它们的视图实际上都是附加在Window上的。而WindowManager则提供了对这些Window的统一管理功能。

Window与WindowManager的联系

为了分析Window的工作机制,我们需要先了解如何使用WindowManger来添加一个Window:

= (WindowManager) getSystemService(WINDOW_SERVICE);
         WindowManager.LayoutParams lp = new WindowManager.LayoutParams(width,height,type,flags,format);
         manager.addView(btn,lp);      

其中的type和flags都比较重要。

flags参数有很多选项,用来控制Window的显示特性,我们来看几个常用的选项。

public static final int FLAG_NOT_FOCUSABLE = 0x00000008      

表示此Window不需要获取焦点,不接收各种输入事件,此标记会同时启用FLAG_NOT_TOUCH_MODAL,最终事件会直接传递给下层具有焦点的Window。

public static final int FLAG_NOT_TOUCH_MODAL = 0x00000020;      

自己Window区域内的时间自己处理,自己Window区域外的事件传递给低层Window处理。一般这个选项会默认开启,否则其他Window无法收到事件

public static final int FLAG_SHOW_WHEN_LOCK = 0x00080000;      

可以让此Window显示在锁屏上。

type是int型的,表示Window的类型,Window的类型有三种:应用Window、子Window和系统Window。

  • 应用Window对应Activity。层级范围1~99
  • 子Window不能独立存在,它需要附属在特定的Window中,比如Dialog就是一个子Window,层级范围1000~1999
  • 系统Window是需要声明权限才能创建的,比如Toast和状态栏等等都是系统Window。 层级范围2000~1999

type就是这些数字,如果想让Window置于顶层,则采用较大的层级即可,如果是系统类型的Window,则需要在AndroidMenifest配置如下权限声明,否则会报权限不足的错误。

WindowManager提供的功能很简单,常用的只有三个方法,即添加View、更新View和删除View。这三个方法定义在ViewManager中,而WindowManager继承自ViewManager

public interface WindowManager extends ViewManager {
}

public interface ViewManager
{
    public void addView(View view, ViewGroup.LayoutParams params);
    public void updateViewLayout(View view, ViewGroup.LayoutParams params);
    public void removeView(View view);
}      

示例:腾讯手机管家悬浮窗的小火箭效果

首先要声明权限:

<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />      

该权限可以让应用悬浮在系统中

然后在onCreate进行初始化:

private void initView() {
        tv = findViewById(R.id.tv);
        mCreateWndBtn = findViewById(R.id.add_btn);
        mRmvWndBtn = findViewById(R.id.rmv_btn);
        mCreateWndBtn.setOnClickListener(this);
        mRmvWndBtn.setOnClickListener(this);

        wm = (WindowManager) getApplicationContext().getSystemService(WINDOW_SERVICE);
    }      

然后我们要去给Imageview添加WindowManager

注:在Android 6.0以上需要动态申请权限,TYPE_SYSTEM_ALERT在SDK 2.3(6.0)中被遗弃,以上的版本我们要使用TYPE_APPLICATION_OVERLAY来进行申请。

其中lp.x lp.y是指悬浮窗出现的位置,以右上角的点开始。

@Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.add_btn:
                mImageView = new ImageView(this);
                mImageView.setBackgroundResource(R.mipmap.ic_rocket);

                lp = new WindowManager.LayoutParams(WindowManager.LayoutParams.WRAP_CONTENT, WindowManager.LayoutParams.WRAP_CONTENT, 2300,
                        WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL
                                | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
                                | WindowManager.LayoutParams.FLAG_SHOW_WHEN_LOCKED, PixelFormat.TRANSPARENT);
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                    lp.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
                } else {
                    lp.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;
                }
                lp.gravity = Gravity.TOP | Gravity.LEFT;
                lp.x = 0;
                lp.y = 300;
                mImageView.setOnTouchListener(this);
                wm.addView(mImageView, lp);
                break;
            case R.id.rmv_btn:
                wm.removeViewImmediate(mImageView);
        }
    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        int rawX = (int) event.getRawX();
        int rawY = (int) event.getRawY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_MOVE:
                lp.x = rawX;
                lp.y = rawY;
                wm.updateViewLayout(mImageView, lp);
                break;
            default:
                break;
        }
        return false;
    }      

然后我们要在onCreate时进行网络权限的申请:

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

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            Intent myIntent = new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION);
            startActivityForResult(myIntent, 100);
        } else {
            initView();
        }
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode == 100) {
            initView();
        }
    }      

效果如下:

小记