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 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  Laravel如何安装Breeze扩展包_Laravel用户注册登录功能快速实现【流程】  购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?  免费视频制作网站,更新又快又好的免费电影网站?  linux写shell需要注意的问题(必看)  移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?  HTML 中如何正确使用模板变量为元素的 name 属性赋值  网站制作大概要多少钱一个,做一个平台网站大概多少钱?  Laravel如何使用Collections进行数据处理?(实用方法示例)  Windows11怎样设置电源计划_Windows11电源计划调整攻略【指南】  laravel怎么配置Redis作为缓存驱动_laravel Redis缓存配置教程  利用vue写todolist单页应用  如何在Windows环境下新建FTP站点并设置权限?  如何在阿里云虚拟主机上快速搭建个人网站?  Python函数文档自动校验_规范解析【教程】  如何彻底卸载建站之星软件?  Win11怎么更改系统语言为中文_Windows11安装语言包并设为显示语言  Laravel如何配置和使用队列处理异步任务_Laravel队列驱动与任务分发实例  Laravel如何发送系统通知_Laravel Notifications实现多渠道消息通知  电商网站制作价格怎么算,网上拍卖流程以及规则?  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  Laravel项目结构怎么组织_大型Laravel应用的最佳目录结构实践  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】  html文件怎么打开证书错误_https协议的html打开提示不安全【指南】  Laravel怎么实现前端Toast弹窗提示_Laravel Session闪存数据Flash传递给前端【方法】  如何快速搭建支持数据库操作的智能建站平台?  如何构建满足综合性能需求的优质建站方案?  Laravel怎么导出Excel文件_Laravel Excel插件使用教程  公司网站制作需要多少钱,找人做公司网站需要多少钱?  香港服务器网站卡顿?如何解决网络延迟与负载问题?  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异?  晋江文学城电脑版官网 晋江文学城网页版直接进入  Laravel如何与Docker(Sail)协同开发?(环境搭建教程)  如何在万网自助建站中设置域名及备案?  JavaScript Ajax实现异步通信  Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】  如何快速生成专业多端适配建站电话?  Laravel如何升级到最新版本?(升级指南和步骤)  Android自定义控件实现温度旋转按钮效果  如何快速启动建站代理加盟业务?  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】  C++时间戳转换成日期时间的步骤和示例代码  北京网站制作的公司有哪些,北京白云观官方网站?  使用spring连接及操作mongodb3.0实例  如何在云主机快速搭建网站站点?  php 三元运算符实例详细介绍  Laravel Docker环境搭建教程_Laravel Sail使用指南  JavaScript如何实现错误处理_try...catch如何捕获异常?