Android 实现左滑出现删除选项
发布时间 - 2026-01-11 01:56:42 点击率:次滑动删除的部分主要包含两个部分, 一个是内容区域(用于放置正常显示的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 实现左滑出现删除选项,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
# android
# 实现左滑删除选项
# Android高仿QQ6.0侧滑删除实例代码
# 详解Android中实现ListView左右滑动删除条目的方法
# android RecyclerView侧滑菜单
# 滑动删除
# 长按拖拽
# 下拉刷新上拉加载
# Android仿微信滑动弹出编辑、删除菜单效果、增加下拉刷新功能
# Android实现左滑删除列表功能
# Android仿QQ列表左滑删除操作
# Android使用CardView作为RecyclerView的Item并实现拖拽和左滑删除
# Android 滑动监听RecyclerView线性流+左右划删除+上下移动
# Android开发中模仿qq列表信息滑动删除功能
# Android Recyclerview实现左滑删除功能
# 拖动
# 小编
# 就会
# 也不
# 在这里
# 第一个
# 在此
# 我只
# 当你
# 第二个
# 给大家
# 我给
# 自定义
# 什么呢
# 一个问题
# 设置为
# 它会
# 来实现
# 所述
# 回调
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251811 】
【
AI营销90571 】
相关推荐:
Laravel怎么使用Intervention Image库处理图片上传和缩放
如何在新浪SAE免费搭建个人博客?
JavaScript数据类型有哪些_如何准确判断一个变量的类型
Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程
成都品牌网站制作公司,成都营业执照年报网上怎么办理?
Laravel中Service Container是做什么的_Laravel服务容器与依赖注入核心概念解析
html5的keygen标签为什么废弃_替代方案说明【解答】
Laravel Eloquent关联是什么_Laravel模型一对一与一对多关系精讲
微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】
linux top下的 minerd 木马清除方法
Angular 表单中正确绑定输入值以确保提交与验证正常工作
Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】
如何用VPS主机快速搭建个人网站?
大连网站制作公司哪家好一点,大连买房网站哪个好?
如何获取免费开源的自助建站系统源码?
C语言设计一个闪闪的圣诞树
如何在 Pandas 中基于一列条件计算另一列的分组均值
长沙企业网站制作哪家好,长沙水业集团官方网站?
百度浏览器ai对话怎么关 百度浏览器ai聊天窗口隐藏
Laravel中的Facade(门面)到底是什么原理
如何在IIS管理器中快速创建并配置网站?
JavaScript如何实现类型判断_typeof和instanceof有什么区别
如何快速搭建高效WAP手机网站吸引移动用户?
黑客如何通过漏洞一步步攻陷网站服务器?
免费网站制作appp,免费制作app哪个平台好?
linux写shell需要注意的问题(必看)
如何在HTML表单中获取用户输入并结合JavaScript动态控制复利计算循环
电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?
HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】
Java类加载基本过程详细介绍
网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?
JavaScript实现Fly Bird小游戏
HTML 中如何正确使用模板变量为元素的 name 属性赋值
Laravel怎么实现观察者模式Observer_Laravel模型事件监听与解耦开发【指南】
Android Socket接口实现即时通讯实例代码
Laravel如何从数据库删除数据_Laravel destroy和delete方法区别
Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境
如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程
ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法
如何在IIS7上新建站点并设置安全权限?
Laravel如何优雅地处理服务层_在Laravel中使用Service层和Repository层
北京企业网站设计制作公司,北京铁路集团官方网站?
微信小程序 wx.uploadFile无法上传解决办法
如何彻底删除建站之星生成的Banner?
VIVO手机上del键无效OnKeyListener不响应的原因及解决方法
Laravel Admin后台管理框架推荐_Laravel快速开发后台工具
深入理解Android中的xmlns:tools属性
HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】
购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?
焦点电影公司作品,电影焦点结局是什么?

