ViewDragHelper 之手势操作神器,vue 数据双向绑定
mViewDragHelper.processTouchEvent(event)return true}
分别调用 ViewDragHelper 的 shouldInterceptTouchEvent 与 processTouchEvent 来简化手势的操作判断。将手势操作全部交由 ViewDragHelper 来实现。
如果要处理惯性滑动,再重写 computeScroll 方法
override fun computeScroll() {if (mViewDragHelper.continueSettling(true)) {invalidate()}}
ViewDragHelper 的
基本使用就是这么多,算了一下也就十几行代码。相对于自己实现其中的细节,减少了许多代码。所以如果你想快速简便的实现手势操作,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 后的惯性移动操作。
评论