『Android Tips』—— 模拟手势操作

  |     |   本文总阅读量:

平时 Android 开发中总会遇到奇葩的功能或者需求,这里做个记录和积累,以便后面开发过程中遇到类似的问题,可以快速的解决。Android tips

前言

这个版本终于快结束了,历时一个月的时间,这段时间里重复着开发、找 BUG 和解 BUG 的工作,人已经快麻木了,不过最后看到 自己的开发成果还是蛮欣慰的,这可能就是程序员最简单的乐趣吧。这里看一下整体的效果图,一些细节不方便展示,大概有个预览吧:

整体交互

里面有很多细小的知识点,比如阴影、状态栏颜色、下拉刷新、tab 悬浮、TCP 更新、数据缓存等等,或者是奇葩的 BUG,比如透明主题的 ActivityDialog 的展示、FragmentsetUserVisibleHint没有按照预期执行等等,总之,在这次版本过后,感觉自己写 UI的能力提高了不少。

今天我介绍整个版本中一个非常小的细节处理,并对这个功能进行了稍微的扩展,希望能够帮到你们。

简介

进入正题,整个界面我是通过一个通用的下拉刷新控件 + designCoordinatorLayout 实现的。那这里有个小需求,看一下效果:

card

head

说明:点击蓝色区域,展开资金页,同时整个界面向下滑动至初始位置。

功能简单,但是实现的过程发现,我外层滑动的 View 并不是 RecyclerViedw 或者是 ListView 更或者是 ScrollView,因此并没有相应的接口类似 smoothScrollToPosition() ,供我调用。只能自己想办法实现这个效果。

第一:研究 CoordinatorLayout 源码,搞懂他的滑动机制,这个对于我来说难度有点大,况且需求的预估时间也不允许我这样做。

第二:另辟蹊径,既然滑动是人为触发的,那就模拟手指滑动事件,让父 View下发滑动事件,让子 View 接收这个事件并处理。

实现

既然找到实现的思路了,那就动手来实现吧。在此之前需要对事件的分发机制有一定的了解,相信大部分小伙伴应该都很熟悉,不过可能也有的人没怎么接触这块,那我做个大致的介绍为后文进行铺垫。

事件分发

搞懂事件分发也不难,只要搞懂事件的本质、操作的对象和传递的过程,脑海里就会对此有个基本的概念。

什么是事件?

当你接触到屏幕便会产生事件,Android系统将其封装成 MotionEvent

type desc
MotionEvent.ACTION_DOWN 按下屏幕
MotionEvent.ACTION_UP 从屏幕上移开
MotionEvent.ACTION_MOVE 在屏幕上滑动
MotionEvent.ACTION_CANCEL 非人为取消

事件在哪传递呢?

type desc
Activity 事件传递的起点
ViewGroup 负责接收上层事件、处理或者下发
MotionEvent.ACTION_MOVE 负责接收上层事件和处理

事件传递的方向是什么?

Acitivity -> ViewGroup -> View 一次传递,最终被处理或者被回传到最上层。

如何控制事件的传递?

主要有三个方法决定:

type desc
dispatchTouchEvent() 负责分发事件
onInterceptTouchEvent() 负责拦截事件
onTouchEvent() 负责事件的处理

事件传递的流程是什么?

事件分发

上图来源于 事件分发机制详解,特此感谢。

整体大概流程就这样,因为篇幅重点不在这,就不做多阐述,我写的可能有点粗糙,如果想看详细的介绍,推荐上方的事件分发机制详解文章。

开搞

既然对事件分发有了大致的了解,那接下来就好办了,咱们可以直接构造这个 MotionEvent 然后让 View 处理,或者让 Activity 进行向下分发。

模拟点击

首先从简单的开始,模拟手势的点击操作。点击操作由一个 DownUp 组合而成

1
2
3
4
5
6
7
8
9
10
11
12
13
MotionEvent downEvent = MotionEvent.obtain(SystemClock.uptimeMillis(), SystemClock.uptimeMillis(), MotionEvent.ACTION_DOWN, x, y, 0);
MotionEvent upEvent = MotionEvent.obtain(SystemClock.uptimeMillis(), SystemClock.uptimeMillis(), MotionEvent.ACTION_UP, x, y, 0);
// 事件构造出来,接下来就是处理和分发了。
if (object instanceof View) {
((View) object).onTouchEvent(downEvent);
((View) object).onTouchEvent(upEvent);
} else if (object instanceof Activity) {
((Activity) object).dispatchTouchEvent(downEvent);
((Activity) object).dispatchTouchEvent(upEvent);
}
// 记得将事件回收
downEvent.recycle();
upEvent.recycle();

我这边封装成了一个静态方法,直接调用即可:

1
2
3
4
5
6
public static void simulateClick(View view, float x, float y) {
dealSimulateClick(view, x, y);
}
public static void simulateClick(Activity activity, float x, float y) {
dealSimulateClick(activity, x, y);
}

看一下 Demo 的运行效果:

模拟点击

模拟滑动

那滑动即一个 Down 、一个 Up 和 多个 Move 事件组成,为了添加一个滑动的延迟效果,使用 Handler 来完成。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Handler handler;
if (object instanceof View) {
View view = (View) object;
handler = new ViewHandler(view);
view.onTouchEvent(MotionEvent.obtain(downTime, downTime, MotionEvent.ACTION_DOWN, startX, startY, 0));
GestureBean bean = new GestureBean(startX, startY, endX, endY, duration, period);
Message.obtain(handler, 1, bean).sendToTarget();
} else if (object instanceof Activity) {
Activity activity = (Activity) object;
handler = new ActivityHandler(activity);
activity.dispatchTouchEvent(MotionEvent.obtain(downTime, downTime, MotionEvent.ACTION_DOWN, startX, startY, 0));
GestureBean bean = new GestureBean(startX, startY, endX, endY, duration, period);
Message.obtain(handler, 1, bean).sendToTarget();
}

Handler 里不断的发送 Move 事件,完成模拟手指滑动的效果。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
static class ActivityHandler extends Handler {
WeakReference<Activity> mActivity;

ActivityHandler(Activity activity) {
super(Looper.getMainLooper());
mActivity = new WeakReference<>(activity);
}

@Override
public void handleMessage(Message msg) {
Activity theActivity = mActivity.get();
if (theActivity == null || theActivity.isFinishing()) {
return;
}
long downTime = SystemClock.uptimeMillis();
GestureBean bean = (GestureBean) msg.obj;
long count = bean.count;
if (count % 10 == 0) {
Log.i(TAG, "handleMessage: " + count);
}
if (count >= bean.totalCount) {
theActivity.dispatchTouchEvent(MotionEvent.obtain(downTime, downTime, MotionEvent.ACTION_UP, bean.endX, bean.endY, 0));
} else {
theActivity.dispatchTouchEvent(MotionEvent.obtain(downTime, downTime, MotionEvent.ACTION_MOVE, bean.startX + bean.ratioX * count, bean.startY + bean.ratioY * count, 0));
bean.count++;
Message message = new Message();
message.obj = bean;
sendMessageDelayed(message, bean.period);
}
}
}

我也封装了一个静态方法进行使用:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/**
* 模拟手势滑动
*
* @param activity 当前的 activity
* @param startX 起始位置 x
* @param startY 起始位置 y
* @param endX 终点位置 x
* @param endY 终点位置 y
* @param duration 滑动时长 单位 ms
* @param period 滑动周期
* {@link #LOW} 慢
* {@link #NORMAL} 正常
* {@link #HIGH} 高
*/
public static void simulateScroll(Activity activity, float startX, float startY, float endX, float endY, long duration, int period) {
dealSimulateScroll(activity, startX, startY, endX, endY, duration, period);
}

看一下 Demo 的运行效果:

模拟滑动

模拟手势画了一个⭐️,具体的源码我已经上传到了 GithubScrollDemo

总结

从一个非常小的需求实现细节就可以拓展很多知识点,不得不说这个版本学了很多东西,或许这次分享可以帮到你。

#rewardButton { background-color: #ea6f5a; } .btn-pay { margin-bottom: 20px; padding: 8px 25px; font-size: 16px; color: #fff; background-color: #ea6f5a; } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #QR img{ height: 200px; height: 200px; margin: 20px; }
文章目录
  1. 1. 前言
  2. 2. 简介
  3. 3. 实现
    1. 3.1. 事件分发
    2. 3.2. 开搞
  4. 4. 总结
您是第 位小伙伴 | 本站总访问量 | 已经写了 120.4k 字啦

载入天数...载入时分秒...