Android Scroll滑动效果精炼详解第（二）课：ViewDragHelper和简单实现QQ首页滑动效果

一、前期基础知识储备

经过前面《Android Scrool滑动效果精炼详解第（一）课：基础理论和简单实现》的理论部分的讲解和实现的一个小示例，读者朋友应该对Android Scroll滑动效果有个基础的认知了，那么本节开始讲解实现滑动效果最重要的一种方法——使用ViewDragHelper类，通过ViewDragHelper，基本上可以实现各种不同的滑动、拖放需求，这个方法在《Android群英传》中被称为“实现滑动效果的终极绝招”
（1）ViewDragHelper类，上，官方文档：
android.support.v4.widget.ViewDragHelper, ViewDragHelper is a utility class for writing custom ViewGroups. It offers a number of useful operations and state tracking for allowing a user to drag and reposition views within their parent ViewGroup. 
由，官方文档，我们可知，ViewDragHelper是一个通用的类，专门用来对ViewGroup中的子类进行处理的，它提供了很多方法对子View进行移动和重新定位。

二、上代码，具体实现

在本节中，笔者将带领大家一起实现一个仿QQ首页滑动效果的示例。使用的方法简单概括为：①自定义一个View，该View中放入两个子View；②运用ViewDragHelper类实现自定义视图的滑动效果
代码较长，先上运行效果图：
 


第二个界面的自定义View视图代码如下：package com.example.administrator.animation_practice;

import android.content.Context;
import android.support.v4.view.ViewCompat;
import android.support.v4.widget.ViewDragHelper;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.FrameLayout;

/**
* Created by Administrator on 2018/4/1 0001.
* powered by Cpf.com.
*/
public class DragViewGroup extends FrameLayout {
private ViewDragHelper mViewDragHelper;
private View mMenuView, mMainView;
private int mWidth;

public DragViewGroup(Context context) {
super(context);
initView();
}

public DragViewGroup(Context context, AttributeSet attrs) {
super(context, attrs);
initView();
}

public D
b342
ragViewGroup(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
initView();
}

public DragViewGroup(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView();
}
@Override
protected void onFinishInflate() {
super.onFinishInflate();
mMenuView = getChildAt(0);
mMainView = getChildAt(1);
}

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mWidth = mMenuView.getMeasuredWidth();
}

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
return mViewDragHelper.shouldInterceptTouchEvent(ev);
}

@Override
public boolean onTouchEvent(MotionEvent event) {
//将触摸事件传递给ViewDragHelper,此操作必不可少
mViewDragHelper.processTouchEvent(event);
return true;
}

private void initView() {
mViewDragHelper = ViewDragHelper.create(this, callback);
}

private ViewDragHelper.Callback callback =
new ViewDragHelper.Callback() {

// 何时开始检测触摸事件
@Override
public boolean tryCaptureView(View child, int pointerId) {
//如果当前触摸的child是mMainView时开始检测
return mMainView == child;
}

// 触摸到View后回调
@Override
public void onViewCaptured(View capturedChild,
int activePointerId) {
super.onViewCaptured(capturedChild, activePointerId);
}

// 当拖拽状态改变，比如idle，dragging
@Override
public void onViewDragStateChanged(int state) {
super.onViewDragStateChanged(state);
}

// 当位置改变的时候调用,常用与滑动时更改scale等
@Override
public void onViewPositionChanged(View changedView,
int left, int top, int dx, int dy) {
super.onViewPositionChanged(changedView, left, top, dx, dy);
}

// 处理垂直滑动
@Override
public int clampViewPositionVertical(View child, int top, int dy) {
return 0;
}

// 处理水平滑动
@Override
public int clampViewPositionHorizontal(View child, int left, int dx) {
return left;
}

// 拖动结束后调用
@Override
public void onViewReleased(View releasedChild, float xvel, float yvel) {
super.onViewReleased(releasedChild, xvel, yvel);
//手指抬起后缓慢移动到指定位置
if (mMainView.getLeft() < 500) {
//关闭菜单
//相当于Scroller的startScroll方法
mViewDragHelper.smoothSlideViewTo(mMainView, 0, 0);
ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
} else {
//打开菜单
mViewDragHelper.smoothSlideViewTo(mMainView, 300, 0);
ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
}
}
};

@Override
public void computeScroll() {
if (mViewDragHelper.continueSettling(true)) {
ViewCompat.postInvalidateOnAnimation(this);
}
}
}ViewDragHelper类的使用，大概可以分为四步：每步的含义都很清晰

1）初始化ViewDragHelper类；
2）ViewGroup写入拦截事件，将事件传递给ViewDragHelper进行处理；
3）处理computeScroll，实现平滑移动；
4）处理回调Callback，决定滑动的子View是谁，同时处理回调Callback时，也要决定子View的滑动方向和写入回弹判断；
小结：在本例中，运行的代码较多，但实际，正如前文所讲的：“①自定义一个View，该View中有两个子View；②运用ViewDragHelper类实现自定义视图的滑动效果。”代码段也类似的可以分为两段：①自定义View段，对应代码行数15-50；②操作ViewDragHelper类，对应代码行53-133。
 本节内容是使用滑动效果最强大的ViewDragHelper类实现了一个仿QQ首页切换的效果，涉及到的内容较多，包括Android Scroll、自定义View和事件分发机制，感兴趣的读者可以参考下笔者之前的文章《View绘制流程—自定义View相关》和《 Android事件分发机制精炼详解》，里面的相关讲解相信会解决读者的一些疑惑。