写点什么

ViewDragHelper 之手势操作神器,vue 数据双向绑定

用户头像
Android架构
关注
发布于: 2021 年 11 月 05 日

mViewDragHelper.processTouchEvent(event)return true}


分别调用 ViewDragHelper 的 shouldInterceptTouchEvent 与 processTouchEvent 来简化手势的操作判断。将手势操作全部交由 ViewDragHelper 来实现。


如果要处理惯性滑动,再重写 computeScroll 方法


override fun computeScroll() {if (mViewDragHelper.continueSettling(true)) {invalidate()}}


ViewDragHelper 的


《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》
浏览器打开:qq.cn.hn/FTe 免费领取
复制代码


基本使用就是这么多,算了一下也就十几行代码。相对于自己实现其中的细节,减少了许多代码。所以如果你想快速简便的实现手势操作,ViewDragHelper 是不二之选。

Demo

下面通过一个实例来对 ViewDragHelper 的主要 Api 的使用进行分析。首先来看下要实现的初步效果。



有三个 view,分别可以进行水平、竖直与任意位置滑动。而要实现这种效果,需要用到的就是 ViewDragHelper.Callback 中的回调方法。

tryCaptureView

该方法返回布尔值来判断当前操作的 view 是否可以进行捕获。demo 中需要这三个 view 都能被捕获到,所以很简单只需与参数的 child 做对比即可。


override fun tryCaptureView(child: View?, pointerId: Int): Boolean {if (mLeft == 0 || mTop == 0){mLeft = mFlexibleView.leftmTop = mFlexibleView.top}return child == mHorizontalView || child == mVerticalView || child == mFlexibleView}


初始化了任意滑动 view 的初始 left 与 top,以便后续使用。

clampViewPositionHorizontal

有了 view 的捕获判断,接下来对水平方向的操作进行判断。


override fun clampViewPositionHorizontal(child: View?, left: Int, dx: Int): Int {if (child != mVerticalView) {return left}return child.left}


它的各个参数与返回值


  • child:当前操作的 view

  • left: 将要到达的水平方向的距离

  • dx: 相对于当前位置的偏移量

  • return:所处的水平距离


由于只有竖直方向的 view 不能随意移动,所以当捕获的 view 为竖直方向时就直接返回 child.left 原来的位置;反之返回 left。

clampViewPositionVertical

对于竖直方向的操作判断与水平方向同理,看下代码即可。


override fun clampViewPositionVertical(child: View?, top: Int, dy: Int): Int {if (child != mHorizontalView) {return top}return child.top}


此时运行项目,该 demo 的功能基本完成,三个 view 都能预期拖动。只是要到达任意 view 拖动之后回到初始位置还需重写接下来的方法。

onViewReleased

override fun onViewReleased(releasedChild: View?, xvel: Float, yvel: Float) {if (releasedChild == mFlexibleView) {mViewDragHelper.settleCapturedViewAt(mLeft, mTop)invalidate()} else {super.onViewReleased(releasedChild, xvel, yvel)}}


这是对 view 释放后的回调。如果要对 view 释放后的轨迹做改变可以在这方法中实现。


  • releaseChild: 当前释放的 view

  • xvel: 水平方向的速度

  • yvel: 竖直方向的速度


这里还使用到了 settleCapturedViewAt 方法,该方法的作用是将当前 view 定位到所给的坐标位置。内部会回到 continueSettling 方法,来实现滑动动画。


xvel 与 yvel 可以用来实现释放 view 后的惯性移动操作。

用户头像

Android架构

关注

还未添加个人签名 2021.10.31 加入

还未添加个人简介

评论

发布
暂无评论
ViewDragHelper之手势操作神器,vue数据双向绑定