Android实现类似QQ的滑动删除效果
2014-11-25 22:14
633 查看
观察QQ的滑动删除效果,可以猜测可以滑动删除的部分主要包含两个部分,一个是内容区域(用于放置正常显示的view),另一个是操作区域(用于放置删除按钮)。默认情况下,操作区域是不显示的,内容区域的大小是填充整个容器,操作区域始终位于内容区域的右面。当开始滑动的时候,整个容器中的所有子view都像左滑动,如果操作区域此时是不可见的,设置为可见。
我的实现思路就是自定义一个layout SwipeLayout继承自FrameLayout。SwipeLayout包含两个子view,第一个子view是内容区域,第二个子view是操作区域。滑动效果的控制,主要就是通过检测SwipeLayout的touch事件来实现,这里我不想自己去通过监听touch事件来实现滑动效果,那是一个很繁琐的过程。Android support库里其实已经提供了一个很好的工具类来帮我们做这件事情ViewDragHelper。如果你看过Android原生的DrawerLayout的代码,就会发现DrawerLayout的滑动效果也是通过ViewDragHelper类实现的。
下面先介绍一下ViewDragHelper类的使用。
首先需要在容器中创建一个ViewDragHelper类的对象。
ViewDragHelper对象来决定motion event是否是属于拖动过程。如果motion event属于拖动过程,那么触摸事件就交给ViewDragHelper来处理,ViewDragHelper在处理拖动过程的时候,会调用ViewDragHelper.Callback对象的一系列方法。
我们可以通过ViewDragHelper.Callback来监听以下几种事件:
1.拖动的状态改变
2.被拖动的view的位置改变
3.被拖动的view被放开的时间和位置
ViewDragHelper.Callback还提供了几个方法用来影响拖动过程。
1.控制view可以拖动的范围
2.确定某个view是否可以拖动
好了,直接看代码分析吧。
在SwipeLayout的inflate事件中,获取到contentView和actionView。
在SwipeLayout的measure事件中,设置拖动的距离为actionView的宽度。
DragHelperCallback的tryCaptureView方法,用来确定contentView和actionView是可以拖动的
代码下载
github地址:https://github.com/lzyzsd/SwipeLayout
我的实现思路就是自定义一个layout SwipeLayout继承自FrameLayout。SwipeLayout包含两个子view,第一个子view是内容区域,第二个子view是操作区域。滑动效果的控制,主要就是通过检测SwipeLayout的touch事件来实现,这里我不想自己去通过监听touch事件来实现滑动效果,那是一个很繁琐的过程。Android support库里其实已经提供了一个很好的工具类来帮我们做这件事情ViewDragHelper。如果你看过Android原生的DrawerLayout的代码,就会发现DrawerLayout的滑动效果也是通过ViewDragHelper类实现的。
下面先介绍一下ViewDragHelper类的使用。
首先需要在容器中创建一个ViewDragHelper类的对象。
mDragHelper = ViewDragHelper.create(this, 1.0f, new ViewDragHelper.Callback());接下来要把容器的事件处理委托给ViewDragHelper对象
@Override public boolean onInterceptTouchEvent(MotionEvent event) { if (mDragHelper.shouldInterceptTouchEvent(event)) { return true; } return super.onInterceptTouchEvent(event); } @Override public boolean onTouchEvent(MotionEvent event) { mDragHelper.processTouchEvent(event); return true; }
ViewDragHelper对象来决定motion event是否是属于拖动过程。如果motion event属于拖动过程,那么触摸事件就交给ViewDragHelper来处理,ViewDragHelper在处理拖动过程的时候,会调用ViewDragHelper.Callback对象的一系列方法。
我们可以通过ViewDragHelper.Callback来监听以下几种事件:
1.拖动的状态改变
2.被拖动的view的位置改变
3.被拖动的view被放开的时间和位置
ViewDragHelper.Callback还提供了几个方法用来影响拖动过程。
1.控制view可以拖动的范围
2.确定某个view是否可以拖动
好了,直接看代码分析吧。
在SwipeLayout的inflate事件中,获取到contentView和actionView。
@Override protected void onFinishInflate() { contentView = getChildAt(0); actionView = getChildAt(1); actionView.setVisibility(GONE); }
在SwipeLayout的measure事件中,设置拖动的距离为actionView的宽度。
@Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); dragDistance = actionView.getMeasuredWidth(); }定义DragHelperCallback extends ViewDragHelper.Callback
DragHelperCallback的tryCaptureView方法,用来确定contentView和actionView是可以拖动的
@Override public boolean tryCaptureView(View view, int i) { return view == contentView || view == actionView; }DragHelperCallback的onViewPositionChanged在被拖动的view位置改变的时候调用,如果被拖动的view是contentView,我们需要在这里更新actionView的位置,反之亦然。
@Override public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) { draggedX = left; if (changedView == contentView) { actionView.offsetLeftAndRight(dx); } else { contentView.offsetLeftAndRight(dx); } if (actionView.getVisibility() == View.GONE) { actionView.setVisibility(View.VISIBLE); } invalidate(); }DragHelperCallback的clampViewPositionHorizontal用来限制view在x轴上拖动,要实现水平拖动效果必须要实现这个方法,我们这里因为仅仅需要实现水平拖动,所以没有实现clampViewPositionVertical方法。
@Override public int clampViewPositionHorizontal(View child, int left, int dx) { if (child == contentView) { final int leftBound = getPaddingLeft(); final int minLeftBound = -leftBound - dragDistance; final int newLeft = Math.min(Math.max(minLeftBound, left), 0); return newLeft; } else { final int minLeftBound = getPaddingLeft() + contentView.getMeasuredWidth() - dragDistance; final int maxLeftBound = getPaddingLeft() + contentView.getMeasuredWidth() + getPaddingRight(); final int newLeft = Math.min(Math.max(left, minLeftBound), maxLeftBound); return newLeft; } }DragHelperCallback的getViewHorizontalDragRange方法用来限制view可以拖动的范围
@Override public int getViewHorizontalDragRange(View child) { return dragDistance; }DragHelperCallback的onViewReleased方法中,根据滑动手势的速度以及滑动的距离来确定是否显示actionView。smoothSlideViewTo方法用来在滑动手势之后实现惯性滑动效果
@Override public void onViewReleased(View releasedChild, float xvel, float yvel) { super.onViewReleased(releasedChild, xvel, yvel); boolean settleToOpen = false; if (xvel > AUTO_OPEN_SPEED_LIMIT) { settleToOpen = false; } else if (xvel < -AUTO_OPEN_SPEED_LIMIT) { settleToOpen = true; } else if (draggedX <= -dragDistance / 2) { settleToOpen = true; } else if (draggedX > -dragDistance / 2) { settleToOpen = false; } final int settleDestX = settleToOpen ? -dragDistance : 0; viewDragHelper.smoothSlideViewTo(contentView, settleDestX, 0); ViewCompat.postInvalidateOnAnimation(SwipeLayout.this); }最终的效果:
代码下载
github地址:https://github.com/lzyzsd/SwipeLayout
相关文章推荐
- Android实现类似QQ的滑动删除效果
- Android实现类似QQ的滑动删除效果
- Android实战简易教程-第十四枪(介绍SwipeMenuListView-简单实现类似QQ的滑动删除效果)
- android自定义控件SlidingButtonView实现类似QQ滑动删除效果
- android自定义控件SwipeLayout实现类似QQ滑动删除效果2
- Android实战简易教程<十四>(介绍SwipeMenuListView-简单实现类似QQ的滑动删除效果)
- Android使用SwipeListView实现类似QQ的滑动删除效果
- Android实现类似QQ的滑动删除效果
- (4.2.5) 【android开源组件】SwipeListView 详解 实现微信,QQ等滑动删除效果
- listview 弹窗效果实现 +类似qq的滑动删除效果
- Android listview 侧滑 SwipeListView 详解 实现微信,QQ等滑动删除效果
- Android 实现类似QQ的 左边滑动删除
- Android App中ListView仿QQ实现滑动删除效果的要点解析
- Android 使用NineOldAndroids实现绚丽的ListView左右滑动删除Item效果
- Android 使用NineOldAndroids实现绚丽的ListView左右滑动删除Item效果
- Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果
- Android 使用NineOldAndroids实现绚丽的ListView左右滑动删除Item效果
- Android 实现ListView的滑动删除效果--SwipeListView
- Android仿QQ消息列表ListView滑动删除效果
- Android 使用NineOldAndroids实现绚丽的ListView左右滑动删除Item效果