Android使用ViewDragHelper实现仿QQ6.0侧滑界面(一)

http://www.jb51.net/article/79178.htm

QQ是大家离不开的聊天工具，方便既实用，自从qq更新至6.0之后，侧滑由原来的划出后主面板缩小变成了左右平滑，在外观上有了很大的提升，于是我就是尝试理解下里面的各种逻辑，结合相关资料，研究研究。

知道这里面的一个主要类是ViewDragHelper，那么首先我们要先来了解一下这个ViewDragHelper类，正所谓打蛇打七寸，我们就先来看看官方文档怎么介绍的，有什么奇特的功能。

首先继承：

java.lang.Object

android.support.v4.widget.ViewDragHelper

直接父类是Object。

类概述

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.

他是一个编写自定义ViewGroup的工具类，本省提供了许多有用的方法和状态允许用户去拖拽和绘制他们在父ViewGroup中的轨迹和位置。

Nested Classes（嵌套类）

ViewDragHelper.Callback

A Callback is used as a communication channel with the ViewDragHelper back to the parent view using it.

一个回调是用作ViewDragHelper和他的父view的通信的接口

一个公开静态方法：







 

我们可以知道，ViewDragHelper是通过create（）方法构造出来。这个在后面会有详细介绍。

让我们在来看下需要用到的里面的几个方法：

?
上面的几个方法，会在代码中有详细的注释，在这里只是看下我们需要重写的方法

好了哈，说了这么多，我们就先来个简单的，就是可以实现拖拽（相信当你的两个view可以拖拽的时候，你会发现，哦这么简单几步么）：

第一步实现拖拽功能（简单3步实现）

?
好了，第一个效果图可以出来了，就是可以拖拽了，是不是 很简单的就实现了呢：



 

但是，你要是做成这样提交任务，是不是不想干活了哈，好了下面我们就来控制一下拖拽位置，不能让他乱拖拽了哈。、

第二步，控制拖拽范围

我们想要控制拖拽范围，首先我们得需要拿到这两个控件，取到有关这两个控件的属性，我们才能去操作。于是我们重写了一下的方法：

?
接下来我们就要来得到有关宽和高了，我们知道onMessure（）中可以获取，不过查看了一下，下面的这个方法也是可以获取到的：

?
好了，有关我们需要的宽、高、拖拽距离我们已经获取到了，那么我们接下来就要来限制了。

我们只需要在clampViewPositionHorizontal（）方法中加入这个，就能限制主面板不能往左移，左面板只能移动到右侧的mRange位置。(这里可以去尝试一下哈)

?
这个时候，我们基本上的大致框架已经出来了，但是还是有一个问题，那就是虽然我们达到了滑动过的效果（右侧的定了，但是当我们把LeftView滑动出来的时候，还是可以往右滑）我们要想办法去限制，就是限制，左侧的view我只能右滑mRange的距离这个时候我们就要查看方法了，哪个方法可以拿到变化的position的值，然后去改变：

?
好了，这个时候我们的大致效果已经出来了，看下效果图。（这里的中间出来的白到属于录制问题，亲测没问题）


 
到这里，大致的拖拽已经可以实现了，当然了哈，我的现在布局就是下面的简单的实现（要先加一些控件，这个自己在两个LinearLayout中加入即可）

?
但是细心的可能会发现，我们拖拽的时候，特别生硬，那是因为我们没有加上动画效果，只是生生的给拖拽出来了，具体的加入动画，定义回调效果，请通过本文学习Android滑动优化高仿QQ6.0侧滑菜单（二），希望本文分享对大家有所帮助。

您可能感兴趣的文章:

Android滑动优化高仿QQ6.0侧滑菜单（滑动优化）
Android高仿QQ6.0侧滑删除实例代码