Android 实现左滑出现删除选项
时间:2019-03-30
本文章向大家介绍Android 实现左滑出现删除选项,主要包括Android 实现左滑出现删除选项使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
滑动删除的部分主要包含两个部分, 一个是内容区域(用于放置正常显示的view),另一个是操作区域(用于放置删除按钮)。默认情况下,操作区域是不显示的,内容区域的大小是填充整个容 器,操作区域始终位于内容区域的右面。当开始滑动的时候,整个容器中的所有子view都像左滑动,如果操作区域此时是不可见的,设置为可见。
实现思路就是自定义一个layout SwipeLayout继承自FrameLayout。SwipeLayout包含两个子view,第一个子view是内容区域,第二个子view是操作 区域。滑动效果的控制,主要就是通过检测SwipeLayout的touch事件来实现,Android support库里其实已经提供了ViewDragHelper来进行监听touch事件。
1、首先需要对LinearLayout进行重载
具体分析看注解
package com.example.mac.agriculturemanagement; import android.content.Context; import android.support.annotation.Nullable; 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.LinearLayout; /** * Created by mac on 2017/6/15. */ //条目滑动效果 public class SlideLayout extends LinearLayout { private ViewDragHelper mDragHelper; private View contentView; private View actionView; private int dragDistance; private final double AUTO_OPEN_SPEED_LIMIT = 800.0; private int draggedX; public SlideLayout(Context context) { super(context); init(); } public SlideLayout(Context context, @Nullable AttributeSet attrs) { super(context, attrs); init(); } public SlideLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } //初始化 public void init (){ mDragHelper = ViewDragHelper.create(this, new DragHelperCallback()); } @Override public boolean callOnClick() { return super.callOnClick(); } /*当你触摸屏幕,移动的时候,就会回调这个方法。 它会返回两个参数。第一个参数,就是你触摸的那个控件。 第二个就是ID。 返回值又代表什么呢?返回ture,就是代笔允许拖动这个控件。 返回false就代表不允许拖动这个控件.。这里我只允许拖动主控件。*/ //把容器的事件处理委托给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; } @Override protected void onFinishInflate() { contentView = getChildAt(0); actionView = getChildAt(1); actionView.setVisibility(GONE); } //设置拖动的距离为actionView的宽度 @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); dragDistance = actionView.getMeasuredWidth(); //System.out.println("rightTop"+actionView.getTop()); } private class DragHelperCallback extends ViewDragHelper.Callback { //用来确定contentView和actionView是可以拖动的 @Override public boolean tryCaptureView(View view, int i) { return view == contentView || view == actionView; } //被拖动的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); } //actionView 是否可见 //0 -------- VISIBLE 可见 //4 -------- INVISIBLE 不可见但是占用布局空间 //8 -------- GONE 不可见也不占用布局空间 if (actionView.getVisibility() == View.GONE) { actionView.setVisibility(View.VISIBLE); } if (left==25) { actionView.setVisibility(View.GONE); } invalidate(); //刷新View } //用来限制view在x轴上拖动 //@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), 25); //System.out.println("content "+newLeft); return newLeft; } else { //getMeasuredWidth()获取全部长度 包括隐藏的 final int minLeftBound = getPaddingLeft() + contentView.getMeasuredWidth() - dragDistance; final int maxLeftBound = getPaddingLeft() + contentView.getMeasuredWidth() + getPaddingRight(); final int newLeft = Math.min(Math.max(left, minLeftBound), maxLeftBound); System.out.println("action "+newLeft); return newLeft; } } @Override public int clampViewPositionVertical(View child, int top, int dy) { //System.out.println("top "+top); if(top!=25) { top=25; } return top; } //用来限制view可以拖动的范围 //@Override public int getViewHorizontalDragRange(View child) { return dragDistance; } @Override public int getViewVerticalDragRange(View child) { return 0; } //根据滑动手势的速度以及滑动的距离来确定是否显示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; mDragHelper.smoothSlideViewTo(contentView, settleDestX, 0); ViewCompat.postInvalidateOnAnimation(SlideLayout.this); } } }
因为我给我的LinearLayout设置了外边距,所以在向左滑动的过程,出现上下的滑动,并且该条目的原始位置也偏移。为了解决该问题,首先需要根据自己设置的margin值来修改一下的数据
将onViewPositionChanged中添加
if (left==25) { actionView.setVisibility(View.GONE); }
修改为适合的数据,来防止右侧的滑块不隐藏
再添加上
public int clampViewPositionVertical(View child, int top, int dy) { //System.out.println("top "+top); if(top!=25) { top=25; } return top; }
来限制其上下移动 top的值依旧需要自己琢磨
2、编写布局文件
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <com.example.mac.agriculturemanagement.SlideLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <LinearLayout android:layout_width="match_parent" android:layout_height="100dp" android:layout_margin="10dp" android:background="@drawable/text_border" android:elevation="3dp" android:orientation="vertical"> <TextView android:id="@+id/mark" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:gravity="center" android:text="TextView" android:textSize="40dp" /> <TextView android:id="@+id/markSquare" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_weight="1" android:text="TextView" android:textSize="20dp" /> </LinearLayout> <LinearLayout android:layout_width="100dp" android:layout_height="100dp" android:background="#f0f0f0" android:layout_marginTop="10dp" > <RelativeLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center"> <TextView android:id="@+id/showInfo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_marginLeft="5dp" android:layout_toEndOf="@+id/textView6" android:layout_toRightOf="@+id/textView6" android:text="详细信息" /> <TextView android:id="@+id/textView6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:layout_alignParentTop="true" android:text="删除" /> </RelativeLayout> </LinearLayout> </com.example.mac.agriculturemanagement.SlideLayout> </LinearLayout>
具体效果
但目前还存在一个问题
ListView每一个条目的点击事件和滑动事件不能共存。网上说是因为事件的触发是逐层向下传递到进行处理该事件的部件,再逐层向上返 回处理结果。
以上所述是小编给大家介绍的Android 实现左滑出现删除选项,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
- ckplayer 如何在PC上完美支持 m3u8播放
- TensorFlow-2: 用 CNN 识别数字
- js图片前端预览之 filereader 和 window.URL.createObjectURL
- TensorFlow-3: 用 feed-forward neural network 识别数字
- TensorFlow-4: tf.contrib.learn 快速入门
- TensorFlow-5: 用 tf.contrib.learn 来构建输入函数
- 前后端分离之vue2.0+webpack2 实战项目 -- html模板拼接
- 抛弃vue-resource拥抱axios
- TensorFlow-6-TensorBoard 可视化学习
- TensorFlow-7-TensorBoard Embedding可视化
- windows下nginx的安装及使用方法入门
- Scala Turtuial-容器(集合)类型
- Scala Turtuial-基本语法
- C++ Virtual And Pure Virtual Explained
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- Linux进程间通信(中)之信号、信号量实践
- Linux进程间通信(下)之共享内存实践
- 手把手教你快速使用Vmware虚拟机安装Linux操作系统实验环境
- 天啊!鹅厂都开始做开发板了?网红腾讯物联网开发板终极开箱评测,让我们一睹为快!
- 我用 React 和 Vue 构建了同款应用,来看看哪里不一样(2020 版)
- 大点干!早点散----------深入剖析Redis集群原理与实验
- 微信群总是有人发广告?看我用Python写一个自动化机器人消灭他!
- 苏宁基于 ClickHouse 的大数据全链路监控实践
- CORS Cross Origin Resource Sharing
- 从0开始做播放器-第二季-第2章-Android NDK 工程的建立和 JNI 的基本用法
- 记一次线上问题排查-maven父子结构依赖所遇到的坑
- 『技术随手学』解决 pip conda install 网络故障中断
- boost asio
- 7.SwrContext音频重采样使用
- 8.ffmpeg-基础常用知识