Android 模仿QQ侧滑删除ListView功能示例

发布时间 - 2026-01-11 00:04:33    点击率:

需求:

1、listView可以侧滑item,展示删除按钮,点击删除按钮,删除当前的item

2、在删除按钮展示时,点击隐藏删除按钮,不响应item的点击事件

3、在删除按钮隐藏时,点击item响应点击事件

根据以上需求在网络上查找响应的例子,也有仿QQ侧滑代码,但不能满足2和3的要求,因此修改了一把,代码如下,共大家拍砖

第一步:重写ListView

public class SwipeListView extends ListView {
  private final static String TAG = "SwipeListView";
  private int mScreenWidth;  // 屏幕宽度
  private int mDownX;      // 按下点的x值
  private int mDownY;      // 按下点的y值
  private int mDeleteBtnWidth;// 删除按钮的宽度
  private boolean isDeleteShown = false;  // 删除按钮是否正在显示
  private boolean isOnClick = false;
  private ViewGroup mPointChild;  // 当前处理的item
  private LinearLayout.LayoutParams mLayoutParams;  // 当前处理的item的LayoutParams
  public SwipeListView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }
  public SwipeListView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    // 获取屏幕宽度
    WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    DisplayMetrics dm = new DisplayMetrics();
    wm.getDefaultDisplay().getMetrics(dm);
    mScreenWidth = dm.widthPixels;
  }
  @Override
  public boolean onTouchEvent(MotionEvent ev) {
    switch (ev.getAction()) {
      case MotionEvent.ACTION_DOWN:
        performActionDown(ev);
        break;
      case MotionEvent.ACTION_MOVE:
        return performActionMove(ev);
      case MotionEvent.ACTION_UP:
        return performActionUp(ev);
//        break;
    }
    return super.onTouchEvent(ev);
  }
  // 处理action_down事件
  private void performActionDown(MotionEvent ev) {
//    Log.e(TAG,"performActionDown===="+isDeleteShown);
    if (isDeleteShown) {
      turnToNormal();
    }
    isOnClick = true;
    mDownX = (int) ev.getX();
    mDownY = (int) ev.getY();
    // 获取当前点的item
    int downPosition = pointToPosition(mDownX, mDownY);
    int firstPosition= getFirstVisiblePosition();
    Log.e(TAG,"performActionDown====downPosition:"+downPosition+"==firstPosition"+firstPosition);
    if(downPosition < 0) return;
    mPointChild = (ViewGroup) getChildAt(downPosition-firstPosition);
    // 获取删除按钮的宽度
    mDeleteBtnWidth = mPointChild.getChildAt(1).getLayoutParams().width;
    mLayoutParams = (LinearLayout.LayoutParams) mPointChild.getChildAt(0)
        .getLayoutParams();
    // 为什么要重新设置layout_width 等于屏幕宽度
    // 因为match_parent时,不管你怎么滑,都不会显示删除按钮
    // why? 因为match_parent时,ViewGroup就不去布局剩下的view
    mLayoutParams.width = mScreenWidth;
    mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
  }
  // 处理action_move事件
  private boolean performActionMove(MotionEvent ev) {
//    Log.e(TAG, "performActionMove====" + isDeleteShown);
    int nowX = (int) ev.getX();
    int nowY = (int) ev.getY();
    isOnClick = false;
    if (Math.abs(nowX - mDownX) > Math.abs(nowY - mDownY)) {
      // 如果向左滑动
      if (nowX < mDownX) {
        // 计算要偏移的距离
        int scroll = (nowX - mDownX) / 2;
        // 如果大于了删除按钮的宽度, 则最大为删除按钮的宽度
        if (-scroll >= mDeleteBtnWidth) {
          scroll = -mDeleteBtnWidth;
        }
        // 重新设置leftMargin
        mLayoutParams.leftMargin = scroll;
        mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
      }
      return true;
    }
    return super.onTouchEvent(ev);
  }
  // 处理action_up事件
  private boolean performActionUp(MotionEvent ev) {
    boolean falg = false;
    if(isOnClick && !isDeleteShown)
    {
      falg = true;
    }
    // 偏移量大于button的一半,则显示button
    // 否则恢复默认
    if (-mLayoutParams.leftMargin >= mDeleteBtnWidth / 2) {
      mLayoutParams.leftMargin = -mDeleteBtnWidth;
      isDeleteShown = true;
    } else {
      turnToNormal();
      isDeleteShown = false;
    }
    mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
//    Log.e(TAG, "performActionUp====" + isDeleteShown);
    if(falg)
    {
      return super.onTouchEvent(ev);
    }
    return true;
  }
  /**
   * 变为正常状态
   */
  public void turnToNormal() {
    mLayoutParams.leftMargin = 0;
    mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
  }
  /**
   * 当前是否可点击
   *
   * @return 是否可点击
   */
  public boolean canClick() {
    return !isDeleteShown;
  }
}

第二步:适配器

class SwipeListAdapter extends BaseAdapter {
  @Override
  public int getCount() {
    return mData.size();
  }
  @Override
  public Object getItem(int position) {
    return mData.get(position);
  }
  @Override
  public long getItemId(int position) {
    return position;
  }
  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder holder = null;
    if (null == convertView) {
      holder = new ViewHolder();
      convertView = View.inflate(TestListViewActivity.this, R.layout.item_swipe_list, null);
      holder.tv = (LinearLayout) convertView.findViewById(R.id.tv);
      holder.tvName = (TextView) convertView.findViewById(R.id.tv_name);
      holder.delete = (TextView) convertView.findViewById(R.id.delete);
      convertView.setTag(holder);
    }
    else {
      holder = (ViewHolder) convertView.getTag();
    }
    holder.tvName.setText(mData.get(position));
    final int pos = position;
    holder.delete.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        mData.remove(pos);
        notifyDataSetChanged();
        mListView.turnToNormal();
      }
    });
    return convertView;
  }
}
static class ViewHolder {
  LinearLayout tv;
  TextView tvName;
  TextView delete;
}

第三步:写一个TestListViewActivity

private SwipeListView mListView;
  private ArrayList<String> mData = new ArrayList<String>() {
    {
      for (int i = 0; i < 20; i++) {
        add("hello world, hello android " + i);
      }
    }
  };
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_test_list_view);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
    fab.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
            .setAction("Action", null).show();
      }
    });
    mListView = (SwipeListView) findViewById(R.id.list);
    mListView.setAdapter(new SwipeListAdapter());
//    mListView.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
//      @Override
//      public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
//        Toast.makeText(TestListViewActivity.this, mData.get(position) + "被点击了",
//            Toast.LENGTH_SHORT).show();
//        return false;
//      }
//    });
    mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
      @Override
      public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        Log.e("SwipeListView", "setOnItemClickListener====" + mListView.canClick());
//        Toast.makeText(TestListViewActivity.this, mData.get(position) + "被点击了",
//            Toast.LENGTH_SHORT).show();
      }
    });
  }

第四步:布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent"
  android:layout_height="match_parent" 
  app:layout_behavior="@string/appbar_scrolling_view_behavior"
  tools:showIn="@layout/activity_test_list_view"
  tools:context="com.kimascend.ledappd1.activity.TestListViewActivity">
  <com.kimascend.ledappd1.view.SwipeListView
    android:id="@+id/list"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:cacheColorHint="@android:color/transparent"
    android:listSelector="@android:color/transparent"
    android:divider="@android:color/darker_gray"
    android:dividerHeight="2dp">
  </com.kimascend.ledappd1.view.SwipeListView>
</RelativeLayout>

第五步:item的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="horizontal">
  <LinearLayout
    android:id="@+id/tv"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/white"
    android:paddingBottom="20dp"
    android:paddingLeft="10dp"
    android:paddingTop="20dp">
    <ImageView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="@drawable/group_name_rgb"
      android:id="@+id/imageView8" />
    <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textAppearance="?android:attr/textAppearanceLarge"
      android:text="Large Text"
      android:layout_gravity="center_vertical"
      android:id="@+id/tv_name" />
  </LinearLayout>
  <TextView
    android:id="@+id/delete"
    android:layout_width="80dp"
    android:layout_height="match_parent"
    android:background="#FFFF0000"
    android:gravity="center"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    android:text="删除"
    android:textColor="@android:color/white" />
</LinearLayout>

重点注意:

int downPosition = pointToPosition(mDownX, mDownY);

downPosition 在使用过程中得到-1,导致后面方法调用异常!

以上所述是小编给大家介绍的Android 模仿QQ侧滑删除ListView功能示例,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


# 仿qq侧滑删除listview  # android  # 模仿qq侧滑  # qq侧滑删除  # android ItemTouchHelper实现可拖拽和侧滑的列表的示例代码  # Android高仿QQ6.0侧滑删除实例代码  # Android仿QQ微信侧滑删除效果  # Android开发中记一个SwipeMenuListView侧滑删除错乱的Bug  # Android recyclerview实现拖拽排序和侧滑删除  # Android自定义view系列之99.99%实现QQ侧滑删除效果实例代码详解  # android的RecyclerView实现拖拽排序和侧滑删除示例  # android ListView和GridView拖拽移位实现代码  # android 大图片拖拽并缩放实现原理  # Android使用ItemTouchHelper实现侧滑删除和拖拽  # 按下  # 小编  # 也有  # 在此  # 你怎么  # 不去  # 给大家  # 重写  # 但不  # 能满足  # 第二步  # 所述  # 给我留言  # 第三步  # 感谢大家  # 过程中  # 第四步  # 拍砖  # 疑问请  # 有任何 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm,可以有哪些措施降低舍内氨气水平?  如何在橙子建站上传落地页?操作指南详解  laravel怎么通过契约(Contracts)编程_laravel契约(Contracts)编程方法  网站页面设计需要考虑到这些问题  laravel怎么使用数据库工厂(Factory)生成带有关联模型的数据_laravel Factory生成关联数据方法  Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】  做企业网站制作流程,企业网站制作基本流程有哪些?  bing浏览器学术搜索入口_bing学术文献检索地址  如何在IIS中新建站点并配置端口与物理路径?  ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样?  Laravel怎么上传文件_Laravel图片上传及存储配置  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  如何用IIS7快速搭建并优化网站站点?  Swift中switch语句区间和元组模式匹配  如何快速查询域名建站关键信息?  微信小程序 canvas开发实例及注意事项  瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口  Linux系统运维自动化项目教程_Ansible批量管理实战  Laravel如何使用软删除(Soft Deletes)功能_Eloquent软删除与数据恢复方法  详解jQuery中基本的动画方法  网站优化排名时,需要考虑哪些问题呢?  大学网站设计制作软件有哪些,如何将网站制作成自己app?  如何用AWS免费套餐快速搭建高效网站?  Laravel路由Route怎么设置_Laravel基础路由定义与参数传递规则【详解】  原生JS获取元素集合的子元素宽度实例  企业网站制作这些问题要关注  如何基于云服务器快速搭建个人网站?  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  Laravel如何使用查询构建器?(Query Builder高级用法)  edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】  深圳网站制作的公司有哪些,dido官方网站?  如何在阿里云虚拟主机上快速搭建个人网站?  php 三元运算符实例详细介绍  香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化  Laravel distinct去重查询_Laravel Eloquent去重方法  百度浏览器网页无法复制文字怎么办 百度浏览器复制修复  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  如何用花生壳三步快速搭建专属网站?  黑客如何通过漏洞一步步攻陷网站服务器?  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  如何用虚拟主机快速搭建网站?详细步骤解析  Laravel怎么在Blade中安全地输出原始HTML内容  如何在阿里云服务器自主搭建网站?  Win11怎么关闭专注助手 Win11关闭免打扰模式设置【操作】  如何快速生成ASP一键建站模板并优化安全性?  ChatGPT怎么生成Excel公式_ChatGPT公式生成方法【指南】  浅谈Javascript中的Label语句