本篇文章给大家分享的是有关Android中怎么实现条目拖拽删除功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
第一步效果图
0自定义控件 SwipeLayout 继承FrameLayout重写里面三个构造方法,分别调用initView().
0在布局中使用自定义控件
0在initView()方法中,创建拖拽辅辅助工具 ViewDragHelper()
该方法需要传入回调 MyCallBack()
0,创建MyCallBack()回调,继承ViewDragHelper.Callback
在回调中 覆盖tryCaptureView方法,返回true 允许child被拖拽,被 覆盖clampViewPositionHorizontal 返回left系统提供拖拽位置
0 onInterceptTouchEvent 返回:让ViewDragHelper判断是否需要拦截事件
0 onTouchEvent 返回true 并且让ViewDragHelper分析事件
具体代码:
布局:
<cn.itheima.swipelayout.SwipeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="wrap_content"> <!--正文部分--> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#fff" android:orientation="horizontal"> <TextView android:id="@+id/item_tv_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="10dp" android:text="张三" android:textSize="20sp" /> </RelativeLayout> <!--按钮部分--> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#888888" android:padding="10dp" android:text="呼叫" android:textSize="20sp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#f00" android:padding="10dp" android:text="删除" android:textSize="20sp" /> </LinearLayout> </cn.itheima.swipelayout.SwipeLayout>
SwipeLayout 代码:
public class SwipeLayout extends FrameLayout { private ViewDragHelper mDragHelper; public SwipeLayout(Context context) { super(context); initView(); } public SwipeLayout(Context context, AttributeSet attrs) { super(context, attrs); initView(); } public SwipeLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); initView(); } private void initView() { mDragHelper = ViewDragHelper.create(this,new MyCallBack()); } // 让ViewDragHelper就是拖拽辅助工具 返回true 则表示要拦截触摸事件 @Override public boolean onInterceptTouchEvent(MotionEvent ev) { //让拖拽辅助工具判断是否需要拦截 事件 return mDragHelper.shouldInterceptTouchEvent(ev); } @Override public boolean onTouchEvent(MotionEvent event) { //让拖拽辅助工具分析事件 分析用户手势 mDragHelper.processTouchEvent(event); return true; } private class MyCallBack extends ViewDragHelper.Callback{ @Override public boolean tryCaptureView(View child, int pointerId) { return true; } @Override public int clampViewPositionHorizontal(View child, int left, int dx) { return left; } } }
0创建onFinishInflate方法获取子控件,并且判断健壮性
@Override protected void onFinishInflate() { // 健壮性检查 if (getChildCount()!=2){ throw new RuntimeException("SwipeLayout 必须存放两个子控件"); } if (!(getChildAt(0) instanceof ViewGroup)||!(getChildAt(1) instanceof ViewGroup)){ throw new RuntimeException("SwipeLayout 的子控件必须是 ViewGroup"); } mContent = (ViewGroup) getChildAt(0); mDeletePanel = (ViewGroup) getChildAt(1); }
0创建onSizeChanged方法,在控件大小改变的时候调用,获取控件的宽高,和删除的面板的最大移动范围
@Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); int mWith = w; int mHeigth = h; //界面创建过程中,不能使用 getWidth 方法 int mRang = mDeletePanel.getMeasuredWidth(); }
0在onLayout中指定侧拉面板的位置
//指定侧拉面板的位置 @Override protected void onLayout(boolean changed, int left, int top, int right, int bottom) { super.onLayout(changed, left, top, right, bottom); mDeletePanel.layout(mWith,0,mWith+mRang,mHeigth); }
0在onViewPositionChanged方法中实现联动效果
@Override public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) { if (changedView==mContent){ // 移动正文的同时也要移动侧栏 mDeletePanel.offsetLeftAndRight(dx); }else{ mContent.offsetLeftAndRight(dx); } }
0在 clampViewPositionHorizontal方法中 固定被拖拽控件的水平位置,
@Override public int clampViewPositionHorizontal(View child, int left, int dx) { if (child==mContent){ if (left>0){ left=0; }else if (left<-mRang){ left=-mRang; } }else{ if (left>mWith){//mWith是屏幕的宽度 left=mWith; }else if (left<mWith-mRang){ left=mWith-mRang; } } return left; }
效果图
0onViewReleased中根据来开局里面,判断是否打开还是关闭
0 在 moveContent中第一次滑动
0computeScroll中,继续滑动,直到滑动到指定的位置
0注意在onViewPositionChanged中手动刷新界面,调用invalidate方法
如果不手动刷新界面,效果展示不出来
@Override public void onViewReleased(View releasedChild, float xvel, float yvel) { if (xvel>0){ //向右移动 close(); }else if (xvel<0){ //向左移动 opend(); }else if (xvel>-mRang/2){// 静止状态 close();// 展开不到一半,关闭面板 }else{ opend(); } } } private void opend() { int left=-mRang; moveContent(left); } private void close() { int left=0; moveContent(left); } private void moveContent(int left) { // 开启平滑滚动,如果返回 true 则说明要继续刷新界面,保持滚动 if(mDragHelper.smoothSlideViewTo(mContent,left,0)){ invalidate(); } } @Override public void computeScroll() { // 继续平滑滚动,如果返回 true 则说明要继续刷新界面,保持滚动 if (mDragHelper.continueSettling(true)){ invalidate(); } }
0现给ListView赋值 在这就省略
0在SwipeLayout中使用枚举记录面板的状态
private enum Status{ CLOSED,OPENED,DRAGING; } private Status status = Status.CLOSED; public Status getStatus() { return status; }
0// 记录上一个打开的面板。注意:一定要是 静态变量
private static SwipeLayout preSwipeLayout;
0在onViewPositionChanged中创建一个方法操作关闭面板
// 关闭上一个打开的面板closePre();
0closePre()在这个方法中,判断当前面板的状态,并且根据状态,关闭上一个打开的面板
// 判断当前面板是否正在打开,如果正在打开则将上一个打开的面板关闭 private void closePre() { //记录旧状态 Status preStatus=status; if (mContent.getLeft()==-mRang){ //记录当前面板已经打开 status=status.OPENED; }else if (mContent.getLeft()==0){ //当前面板已经关闭 status=status.CLOSED; }else { status=status.DRAGING; } // 如果当前面板旧状态为关闭,并且新状态为拖拽,那么此时可以关闭之前打开的面板 if (preStatus==status.CLOSED&&status==status.DRAGING){ if (preSwipeLayout!=null&&preSwipeLayout!=this){ // 关闭上一个面板 preSwipeLayout.close(); } // 将当前面板标记为 打开的面板 preSwipeLayout=this; } }
以上就是Android中怎么实现条目拖拽删除功能,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网行业资讯频道。