第十三章、控件高级属性

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();
}
}

效果如下:

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

小记

到这里Android自定义控件开发入门与实战的笔记就做完了。
刷了整整两个月。
这本书干货真的很多,配的全都是比较基础且实用的demo。
内容从简入深,通过它可以让我们从一些小的demo去分解那些较为复杂、难以实现的动画效果。
刷完书,我的实习生活也快结束了,启舰大神的github和blog上还有特别多的干货,链接在这里:
​​​启舰大神的github​​​ 这上面有书中所有的知识,同样还有别的实战方面的干货,比如ListView、RecyclerView的源码解析、一些时下热门应用里的酷炫动画效果。
之后也是会加强关于自定义控件的学习。毕竟Android嘛,自定义的东西才是最难也最需要进阶的。