ViewDragHelper （三）- 打造仿陌陌视频播放页（深入篇）

最新推荐文章于 2021-04-15 17:25:11 发布

丶小嵩

最新推荐文章于 2021-04-15 17:25:11 发布

阅读量2.6k

点赞数 3

分类专栏： ViewDragHelper Android进阶 Android Android自定义View 文章标签：陌陌 draghelper 拖拽下拉拖拽

本文为博主原创文章，转载请注明出处：小嵩的博客

本文链接：https://blog.csdn.net/qq_22393017/article/details/78472492

版权

本文介绍了如何利用ViewDragHelper打造一个可下拉拖拽关闭、左右滑动切换的视频播放页面，类似陌陌APP的效果。通过事件分发拦截、回调监听处理，实现滑动方向限制、平移动画、缩放及背景透明度变化等关键功能。

摘要由CSDN通过智能技术生成

本篇为该系列的第三篇，将通过一个实际的业务需求来讲述ViewDragHelper的实际运用。

ViewDragHelper 的介绍以及初步使用请阅读这篇：
ViewDragHelper （一）- 介绍及简单用例（入门篇）
ViewDragHelper 的源码以及Callback的详情介绍请阅读这篇：
ViewDragHelper （二）- 源码及原理解读（进阶篇）
利用DrageHelper 打造仿陌陌APP视频播放页的demo请阅读这篇：
ViewDragHelper （三）- 打造仿陌陌视频播放页（深入篇）

介绍

首先，系统的DrawerLayout 抽屉想必大家都不陌生，它的侧重点在于左右滑动。鉴于已经有很多大牛写过类似的，咱们就不再过多地讲述这个了，有兴趣的朋友可以自行查找相关的文章。本篇文章主要讲解如何利用ViewDragHelper来打造一个可以下拉拖拽关闭以及左右滑动切换的功能。

效果演示

1. QZone

QQ空间视频播放页也有这个下拉关闭的功能，效果图如下：

若想要的功能仅仅只是它，那么可以直接参考第一篇文章的代码，会简洁很多，文章链接：ViewDragHelper （一）- 介绍及简单用例（入门篇）

2. 陌陌播放页

陌陌播放页的效果图：

3. 实际效果

下面是本项目的效果图：

真机展示的效果可能会好点儿

正文

本文主要讲解的点有如下几个：

滑动方向判定。
如何限制为单个方向的拖拽。
事件分发以及拦截。
平移动画问题。
下拉时缩放及背景透明处理。
背景高斯图片替换处理。
嵌套ScrollView / RecyclerView事件冲突处理。
多点触控 Invalid pointerId 问题解决。

初始化

首先, 我们还是和第一篇文章一样，创建一个DragView（继承自ViewGroup），以及一个CallBack（继承自 ViewDragHelper.Callback）。
然后进行相关初始化操作。
1. 初始化ViewDragHelper。
2. 初始化CallBack ，用于监听ViewDragHelper相关事件，回调给DraggableView。
3. 初始化DraggableListener，用于回调给外部。

具体代码可参考demo，项目地址贴在文章底部。

事件分发拦截处理

代码总篇幅太长，就不贴完整源代码了，用伪代码描述大致实现思路。有需要完整代码的朋友可以自行下载GitHub 上面的demo。

onInterceptTouchEvent 方法里面判断了手势方向，以及滑动冲突，多点触控导预防处理。伪代码如下：

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {

    if (!isEnabled()) {
            return false;
        }

    switch（event） {
    case ACTION_DOWN:
          if (activePointerId == INVALID_POINTER) {