『Android Tip』-- 模拟手势操作

平时 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() 负责事件的处理

事件传递的流程是什么?

事件分发.png

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

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

开搞

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

模拟点击

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

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

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

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 的运行效果:

模拟点击.gif

模拟滑动

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

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 事件,完成模拟手指滑动的效果。

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

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

    /**
     * 模拟手势滑动
     *
     * @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 的运行效果:

模拟滑动.gif

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

总结

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,386评论 6 479
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,939评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,851评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,953评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,971评论 5 369
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,784评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,126评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,765评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,148评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,744评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,858评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,479评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,080评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,053评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,278评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,245评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,590评论 2 343