android中实现view可以滑动的六种方法续篇(二)
2015-11-22 14:57
661 查看
承接上一篇,上一篇中讲解了实现滑动的第五种方法,如果你还没读过,可点击下面链接:
/article/6123663.html
这篇文章现在来讲解最后一种方法,也可以说是实现滑动的终极大招!不过相比之前的方法,实现的过程要复杂一些,但是实现的效果当然也会徇丽多彩!
六、使用ViewDragHelper实现
(1)基础知识
使用ViewDragHelper可以实现多种多样的滑动效果,只要细心处理,足够满足你的各种拖动的需求了。下面来讲解一下使用ViewDragHelper的步骤。
步骤一、实例化
mViewDragHelper = ViewDragHelper.create(this, callback);
需要注意的是,ViewDragHelper通常定义在一个ViewGroup中。callback是个回调类,下面自会讲到。
步骤二、拦截事件
必须要将触摸事件传递给ViewDragHelper处理。按照下面的模板书写即可。如下:
步骤三、重写computeScroll
其实ViewDragHelper内部也是通过Scroller类实现平滑滑动的,因此它也要重写这个方法。按照下面的模板书写即可:
步骤四、处理回调的callback
在回调类ViewDragHelper.Callback中,系统定义了大量的监听方法来帮助我们处理各种事件。
首先创建这个callback,模板代码如下:
private ViewDragHelper.Callback callback = new ViewDragHelper.Callback() {
//什么时候开始检测触摸事件
public boolean tryCaptureView(View child, int pointerId) {
return false;
}
}
下面就开始介绍几个常常被重写的方法
至此,基本上使用ViewDragHelper进行滑动的方法就讲解完了。但是还要记得在ViewGroup中,要在onFinishInflate方法中将子view获取到。
另外,ViewDragHelper使用smoothSlideViewTo进行滑动,使用ViewCompat.postInvalidateOnAnmation方法进行刷新。这两个方法一定要同时使用!
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
(2)代码实战
上面说了那么多,还没实践一下呢!现在就来写一个实际例子,这个例子基本上可以当做模板了,以后想要实现更复杂的功能,可以在此基础上修改。因此,要好好研究这个例子。
在写代码前先上一张最终的效果图,如下:
![](http://images2015.cnblogs.com/blog/811327/201511/811327-20151122144443811-1197743475.gif)
好了,效果很丑陋,但是足够说明问题了。开始看看代码是怎么写的吧。
新建一个项目。然后自定义一个DragViewGroup继承自ViewGroup,在它的里面使用ViewDragHelper愉快的定制吧。如下:
结合前面的基础知识和代码中的注释,应该很好理解了。就是在DragViewGroup里面使用ViewDragHelper定义了一个拖动的效果而已!值得注意的是在onReleased方法中,我们做了这样子的一个设定,即当mSecondView的左边距小于100像素时,就将mSecondView移动到初始位置(造成的效果仍然是遮挡出mFirstView,即关闭mFirstView);当其左边与大于100像素,就将其移动的距离左边300像素的位置(当然是相对于它的ViewGroup的左边距了)。
下面我们建立建立两个用来填充到DragViewGroup中的布局,分别命名为layout1.xml和layout2.xml。如下:
下面就修改activity_main.xml中的代码,将这两个子布局放进DragViewGroup中吧,如下:
就这样子,所有的工作都完成了,运行程序吧。效果和上面贴出来的图一样。好了,要想掌握好ViewDragHelper,还需要多加练习。
至此,android中实现view滑动的六种方法都讲完了!
/article/6123663.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)代码实战
上面说了那么多,还没实践一下呢!现在就来写一个实际例子,这个例子基本上可以当做模板了,以后想要实现更复杂的功能,可以在此基础上修改。因此,要好好研究这个例子。
在写代码前先上一张最终的效果图,如下:
![](http://images2015.cnblogs.com/blog/811327/201511/811327-20151122144443811-1197743475.gif)
好了,效果很丑陋,但是足够说明问题了。开始看看代码是怎么写的吧。
新建一个项目。然后自定义一个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滑动的六种方法都讲完了!
相关文章推荐
- 实现toolbar上的搜索栏
- 第四章 Android应用结构
- Android之ListView长按列表项弹出菜单 给菜单项添加事件 获取上下文
- Android快速开发框架_让前端更专注于前端
- android110 jni01
- Broadcast的基本应用
- Android简单的web提交表单登录
- Android实现自定义的相机
- Android实现自定义的相机
- Android开发手记(8) ProgressDialog的使用
- android 适配器优化,viewholder的使用
- Android开发手记(7) 按钮类控件的使用
- Android Studio 简介
- Android学习手记(6) TabActivity和TabHost
- Android手绘手写图DrawableView
- Android学习笔记(二)---Activity
- Android学习手记(4) BroadcastReceiver监听电池信息
- Android四大组件Service之两种的多线程启动方式
- Android学习手记(2) Activity生命周期
- Android学习笔记(一)