android中实现view可以滑动的六种方法续篇(二)

时间:2023-03-08 21:49:31
android中实现view可以滑动的六种方法续篇(二)

承接上一篇,上一篇中讲解了实现滑动的第五种方法,如果你还没读过,可点击下面链接:

http://www.cnblogs.com/fuly550871915/p/4985482.html

这篇文章现在来讲解最后一种方法,也可以说是实现滑动的终极大招!不过相比之前的方法,实现的过程要复杂一些,但是实现的效果当然也会徇丽多彩!

六、使用ViewDragHelper实现

(1)基础知识

使用ViewDragHelper可以实现多种多样的滑动效果,只要细心处理,足够满足你的各种拖动的需求了。下面来讲解一下使用ViewDragHelper的步骤。

步骤一、实例化

mViewDragHelper = ViewDragHelper.create(this, callback);

需要注意的是,ViewDragHelper通常定义在一个ViewGroup中。callback是个回调类,下面自会讲到。

步骤二、拦截事件

必须要将触摸事件传递给ViewDragHelper处理。按照下面的模板书写即可。如下:

public boolean onInterceptTouchEvent(android.view.MotionEvent ev)
{
//注意一定要将触摸事件拦截下来
return mViewDragHelper.shouldInterceptTouchEvent(ev);
} public boolean onTouchEvent(MotionEvent event)
{ //必须将触摸事件传递给mDragHleper
mViewDragHelper.processTouchEvent(event); return true;
}

步骤三、重写computeScroll

其实ViewDragHelper内部也是通过Scroller类实现平滑滑动的,因此它也要重写这个方法。按照下面的模板书写即可:

public void computeScroll() {

        if(mViewDragHelper.continueSettling(true))
{
ViewCompat.postInvalidateOnAnimation(this);
}
}

步骤四、处理回调的callback

在回调类ViewDragHelper.Callback中,系统定义了大量的监听方法来帮助我们处理各种事件。

首先创建这个callback,模板代码如下:

private ViewDragHelper.Callback callback = new ViewDragHelper.Callback() {
//什么时候开始检测触摸事件
public boolean tryCaptureView(View child, int pointerId) {
return false;
}

}

下面就开始介绍几个常常被重写的方法

方法 tryCaptureView
写法如下:
//什么时候开始检测触摸事件
public boolean tryCaptureView(View child, int pointerId) { return mSecondView == child;
}
  该方法是告诉回调的callback什么时候开始检测触摸事件。因为ViewDragHelper定义在一个
ViewGroup中,比如你需要当触摸到第二个子view时,才开始检测触摸事件,就可以如上书写。
方法 clampViewPositionHorizontal
写法如下:
/**
* 水平方向上的移动,默认的返回值为0,此时将它修改为检测到的left
*/
public int clampViewPositionHorizontal(View child, int left, int dx) { return left;
}
   该方法控制水平方向的移动,默认返回为0,即不移动.如果你想让水平方向上发生移动,可以像上面那样进行书写。
方法 clampViewPositionVertical
写法如下:
/**
* 垂直方向上的移动,默认值也是0,在这里干脆直接让它返回0
*/
public int clampViewPositionVertical(View child, int top, int dy) {
return 0;
}
该方法的含义与clampViewPositionHorizontal一样
方法onViewReleased
写法如下:
/**
* 当手指抬起时或者说是拖动结束时会回调这个方法
*/
public void onViewReleased(View releasedChild, float xvel, float yvel) {
super.onViewReleased(releasedChild, xvel, yvel); }
注意:该方法在手指抬起或者说是拖动结束时调用。可以在此方法中写一些你需要处理的逻辑。
另外还有一些其他方法,介绍如下:
onViewCaptured() 这个事件在用户触摸到view后回调
onViewDragStateChanged() 这个事件在拖拽状态改变时回调,比如idle,dragging等状态
onViewPositionChanged() 这个事件在位置改变时回调,常用于滑动时更改scale进行缩放等效果。

至此,基本上使用ViewDragHelper进行滑动的方法就讲解完了。但是还要记得在ViewGroup中,要在onFinishInflate方法中将子view获取到。

另外,ViewDragHelper使用smoothSlideViewTo进行滑动,使用ViewCompat.postInvalidateOnAnmation方法进行刷新。这两个方法一定要同时使用!

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

(2)代码实战

上面说了那么多,还没实践一下呢!现在就来写一个实际例子,这个例子基本上可以当做模板了,以后想要实现更复杂的功能,可以在此基础上修改。因此,要好好研究这个例子。

在写代码前先上一张最终的效果图,如下:

android中实现view可以滑动的六种方法续篇(二)

好了,效果很丑陋,但是足够说明问题了。开始看看代码是怎么写的吧。

新建一个项目。然后自定义一个DragViewGroup继承自ViewGroup,在它的里面使用ViewDragHelper愉快的定制吧。如下:

package com.example.testdragview;

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; public class DragViewGroup extends FrameLayout{ private ViewDragHelper mViewDragHelper; private View mFirstView;
private View mSecondView; private int mFirstViewWidth; public DragViewGroup(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle); mViewDragHelper = ViewDragHelper.create(this, callback);
} public DragViewGroup(Context context, AttributeSet attrs) {
super(context, attrs);
mViewDragHelper = ViewDragHelper.create(this, callback);
} public DragViewGroup(Context context) {
super(context);
mViewDragHelper = ViewDragHelper.create(this, callback);
} /**
* 关于mDragHelper的拖动等操作都在这个类里面操作
*/
private ViewDragHelper.Callback callback = new ViewDragHelper.Callback() { //什么时候开始检测触摸事件
public boolean tryCaptureView(View child, int pointerId) { return mSecondView == child;
} /**
* 水平方向上的移动,默认的返回值为0,此时将它修改为检测到的left
*/
public int clampViewPositionHorizontal(View child, int left, int dx) { return left;
} /**
* 垂直方向上的移动,默认值也是0,在这里干脆直接让它返回0
*/
public int clampViewPositionVertical(View child, int top, int dy) {
return 0;
} /**
* 当手指抬起时或者说是拖动结束时会回调这个方法
*/
public void onViewReleased(View releasedChild, float xvel, float yvel) {
super.onViewReleased(releasedChild, xvel, yvel); if(mSecondView.getLeft() <100)
{//如果第二个view的left小于500像素,就不显示第一个view。下面的代码就相当于此 mViewDragHelper.smoothSlideViewTo(mSecondView, 0, 0);
ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
}else
{//显示第一个view mViewDragHelper.smoothSlideViewTo(mSecondView, 300, 0);
ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
} } }; /**
* 布局加载完成后调用
* 在这个方法里获取子view
*/
protected void onFinishInflate() {
super.onFinishInflate(); mFirstView = getChildAt(0);
mSecondView = getChildAt(1);
} /**
* 子view的大小改变后回调该方法
* 在这个方法里获取到mFirstView的宽度
*/
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh); mFirstViewWidth = mFirstView.getMeasuredWidth();
} public boolean onInterceptTouchEvent(android.view.MotionEvent ev)
{
//注意一定要将触摸事件拦截下来
return mViewDragHelper.shouldInterceptTouchEvent(ev);
} public boolean onTouchEvent(MotionEvent event)
{ //必须将触摸事件传递给mDragHleper
mViewDragHelper.processTouchEvent(event); return true;
} public void computeScroll() { if(mViewDragHelper.continueSettling(true))
{
ViewCompat.postInvalidateOnAnimation(this);
}
} }

结合前面的基础知识和代码中的注释,应该很好理解了。就是在DragViewGroup里面使用ViewDragHelper定义了一个拖动的效果而已!值得注意的是在onReleased方法中,我们做了这样子的一个设定,即当mSecondView的左边距小于100像素时,就将mSecondView移动到初始位置(造成的效果仍然是遮挡出mFirstView,即关闭mFirstView);当其左边与大于100像素,就将其移动的距离左边300像素的位置(当然是相对于它的ViewGroup的左边距了)。

下面我们建立建立两个用来填充到DragViewGroup中的布局,分别命名为layout1.xml和layout2.xml。如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center"
android:background="#ff0000"> <TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="你好啊,我是第一个view"
android:textSize="30sp"/> </LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center"
android:background="#FFFF80"> <TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="拖动我,赶紧拖动我"
android:textSize="30sp"/> </LinearLayout>

下面就修改activity_main.xml中的代码,将这两个子布局放进DragViewGroup中吧,如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
> <com.example.testdragview.DragViewGroup
android:layout_width="match_parent"
android:layout_height="match_parent"
> <include layout = "@layout/layout1"/>
<include layout = "@layout/layout2"/> </com.example.testdragview.DragViewGroup> </LinearLayout>

就这样子,所有的工作都完成了,运行程序吧。效果和上面贴出来的图一样。好了,要想掌握好ViewDragHelper,还需要多加练习。

至此,android中实现view滑动的六种方法都讲完了!