ListView滑动删除效果极简实现O(∩_∩)O哈哈~

最新推荐文章于 2021-12-08 21:52:44 发布
最新推荐文章于 2021-12-08 21:52:44 发布
阅读量444 收藏
点赞数
分类专栏： Android 文章标签： android 滑动删除 自定义listvie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nvnnv/article/details/51456354
版权

无图无真相，上图。
这里写图片描述

图片太大了，截掉了点。
这里写图片描述
界面很简单，就两个view。

咳咳

首先，要想很容易的理解这部分的代码，应该熟悉android的消息派发机制（尤其是dispatchTouchEvent、onTouchEvent这两个方法），自顶向下树形分发，我转载的上一篇文章对此写的清楚明白，超级赞。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="li.slidelist.MainActivity">

    <li.slidelist.SlideListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></li.slidelist.SlideListView>

</LinearLayout>

主布局很简单，就是上面那样，SlideListView就是我写的listview。然后是listview的每个item的布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="60dp">


        <TextView
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="拉我"
            android:id="@+id/textView"
            android:gravity="center"
            android:layout_alignParentLeft="true" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="60dp"
            android:text="叫我？"
            android:id="@+id/button"
            android:layout_alignParentRight="true"
            android:visibility="gone"/>
</RelativeLayout>

通过visibility属性看得出来button是隐藏的。这里说明一下，布局不能套的很多，根布局下面最好直接放item要用的组件，如果用各种布局套来套去，会使树（整个xml文件就是一个树）变得复杂，这和下面的滑动实现有很大的关系。
看最重要的代码（关键地方的注释非常详细）：

package li.slidelist;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ListView;

/**
 * Created by Lee Y on 2016/5/19.
 */
public class SlideListView extends ListView{
    /*
       代表每个item的根布局
     */
    private ViewGroup itemView;
    /*
     代表被隐藏滑动要显示出来的view
     */
    private View appearView;
    /*
     代表需要滑动的view
     */
    private View slideView;
    /*
     downx 代表 手指刚按下的x坐标
     downy 代表 手指刚按下的y坐标
     坐标不懂得可以去百度下，很简单。
     currentPosition 代表 手指按住的是listview中的哪个item
     */
    private int downX, downY, currentPosition;
    /*
    代表屏幕宽度
     */
    private int srceenWidth;
    /*
    构造方法不解释，固定的
     */
    public SlideListView(Context context){
        this(context, null);
    }
    public SlideListView(Context context, AttributeSet attr){
        this(context, attr, 0);
    }
    public SlideListView(Context context, AttributeSet attr, int defStyle){
        super(context, attr, defStyle);
    }
    /*
    设置屏幕宽度
     */
    public void setSrceenWidth(int s){
        srceenWidth = s;
    }
    /*
    listview的消息分派方法（实际上是View的），返回true则消息分派到此结束（不会再往下寻找），消息由该listview来处理
     */
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        switch (ev.getAction()){
            case MotionEvent.ACTION_DOWN:
                downX = (int) ev.getX();
                downY = (int) ev.getY();
                currentPosition = pointToPosition(downX, downY);
                /*
                下面的三句非常重要，之前做过实验，通过自写Adapter然后将需要显示的view传过来以便响应滑动事件，可是发现穿过来的view（就是要出现的按钮）
                显示的位置是不对的（比如：滑动第三个item，应该在第三个item后面出现，可确实在第六个或第八个item后面出现，很奇葩），不光是这一个问题
                我想滑动的是布局里面的那个TextView而不是整个布局，如果不分别获得TextView和Button的对象引用，那么滑动将是整个item（这达不到图上的效果）
                因此我想到的办法，就是用viewgroup对象把textview和button对象索引出来，viewgroup对象就是下面的itemView（可以把它看成每个item的根布局）。
                这样问题也就随之而来了，如果item的布局过于复杂单靠根布局对象去寻找需要的view对象引用是很费力的。其实这也有解决办法，这里先不写了，
                注释有点长了=。=
                 */
                itemView = (ViewGroup) getChildAt(currentPosition - getFirstVisiblePosition());
                slideView = itemView.getChildAt(0);  // item中的textview
                appearView = itemView.getChildAt(1);  // item中被隐藏的button
                appearView.setOnClickListener(new OnClickListener() {
                    /*
                    button点击事件，让自己消失，并且使textview恢复原位
                     */
                    @Override
                    public void onClick(View v) {
                        v.setVisibility(View.GONE);
                        slideView.scrollTo(0,0);
                    }
                });
                break;
        }
        return super.dispatchTouchEvent(ev);
    }
    /*
    listview的触摸消息处理方法，返回true则此次触摸事件到此结束，这里注意此方法里面并没有处理listview纵向滑动的代码，
    如果返会true，listview的纵向滑动会失效，所以应该最后调用父方法
     */
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()){
            case MotionEvent.ACTION_DOWN:
                // item的位置是否合法
                if(currentPosition == AdapterView.INVALID_POSITION){
                    return super.onTouchEvent(ev);
                }
                break;
            case MotionEvent.ACTION_MOVE:
                // 通过手指移动的x坐标 计算textview滑动的距离
                int x = (int)ev.getX();
                int moveX = downX - x;
                downX = x;
                slideView.scrollBy(moveX, 0);
                break;
            case MotionEvent.ACTION_UP:
                // 如果左滑超过屏幕的三分之一就显示button，右滑超过三分之一隐藏button，如果都不是怎么滑动都会恢复原位
                if(slideView.getScrollX() > srceenWidth/3){
                    appearView.setVisibility(View.VISIBLE);
                }else if(slideView.getScrollX() > -srceenWidth/3){
                    appearView.setVisibility(View.GONE);
                    slideView.scrollTo(0,0);
                }else{
                    slideView.scrollTo(0,0);
                }
                break;
        }
        return super.onTouchEvent(ev);
    }
}

代码并没有添加根据速度的大小显示按钮的代码，所以怎么快速滑动都不会出现按钮（除非满足上面的条件）。

package li.slidelist;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;

public class MainActivity extends Activity{

    private SlideListView slideListView;
    private MyAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        slideListView = (SlideListView) findViewById(R.id.listview);
        slideListView.setSrceenWidth(getWindowManager().getDefaultDisplay().getWidth());
        adapter = new MyAdapter(this, R.layout.item);
        slideListView.setAdapter(adapter);

    }
}

再附上主活动代码

package li.slidelist;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.TextView;

/**
 * Created by Lee Y on 2016/5/19.
 */
public class MyAdapter extends BaseAdapter{

    private Context context;
    private int rescourseID;
    private ViewHolder holder;
    public MyAdapter(Context c, int r){
        context = c;
        rescourseID = r;
    }
    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public int getCount() {
        return 15;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        holder = null;
        if(convertView == null){
            holder = new ViewHolder();
            convertView = LayoutInflater.from(context).inflate(rescourseID, null);
            holder.v = (TextView) convertView.findViewById(R.id.textView);
            holder.b = (Button) convertView.findViewById(R.id.button);
            convertView.setTag(holder);
        }else{
            holder = (ViewHolder) convertView.getTag();
        }
        return convertView;
    }

    private class ViewHolder{
        TextView v;
        Button b;
    }
}

好吧，还有适配器的代码，不过适配器用系统自带的就可以。
把速度代码添加上去也是很简单的，这里就不写了。
但是代码是有瑕疵的，主要是由于事件判断不严谨，纵向滑动时有可能横向滑动也会跟着动。解决办法也很容易， 把它们互相屏蔽就可以了。
总共三类事件，点击事件、纵向滑动事件、横向滑动事件，让他们彼此互不相见，办法很简单。首先，在滑动时屏蔽点击事件：

    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()){
            case MotionEvent.ACTION_DOWN:
            //只要按钮处于消失状态，就截断所有DOWN动作
                if(appearView.getVisibility() == View.GONE){
                    return true;
                }
                break;
        }
        return super.onInterceptTouchEvent(ev);
    }

只要重写onInterceptTouchEvent方法，并在DOWN动作时截断事件分发就可以了，这样写岂不是不是把ListView的单击事件弄没了？其实不会的，ListView的单击事件是响应在ListView的层次上，不会下发。
然后把纵向滑动和横向滑动分开，这只需置一个判断值：

    private boolean isHorizontal = false;
    // 横向滑动时 置为true

接着在分发MOVE动作的时候确定isHorizontal的值：

public boolean dispatchTouchEvent(MotionEvent ev) {
                case MotionEvent.ACTION_MOVE:
                    int x = (int) ev.getRawX() - local[0];
                    int y = (int) ev.getRawY() - local[1];
                    // 下面是新添加的代码，判断是横向滑动还是纵向滑动
                    if(Math.abs(downX - x) > minDistance && Math.abs(downY - y) < minDistance){
                        isHorizontal = true;
                    }
                    break;
}

最后在执行动作的时候做出判断：

    public boolean onTouchEvent(MotionEvent ev) {

        if(isHorizontal) {  // 在这里做出判断
            switch (ev.getAction()) {
                case MotionEvent.ACTION_MOVE:
                    Log.e("SlideList", "MOVE");
                    int x = (int) ev.getX();
                    int moveX = downX - x;
                    downX = x;
                    if(moveX > 0 || appearView.getVisibility() == VISIBLE){
                        slideView.scrollBy(moveX, 0);
                    }
                    break;
                case MotionEvent.ACTION_UP:
                    Log.e("SlideList", "UP");
                    if (slideView.getScrollX() > srceenWidth / 3 ) {
                        appearView.setVisibility(View.VISIBLE);
                    } else if (slideView.getScrollX() > -srceenWidth / 3 ) {
                        appearView.setVisibility(View.GONE);
                        slideView.scrollTo(0, 0);
                    } else {
                        slideView.scrollTo(0, 0);
                    }
                    isHorizontal = false;
                    break;
            }
            return true;  // 直接返回true 不去触发纵向滑动
        }
        return super.onTouchEvent(ev);
    }

这样所有冲突就都被解决了。

74.qt quick-水平ListView拖拽选中换行、添加、删除、移动动画V2
抵抗时间扭曲，坚持做一件有意义的事
03-08 1377
委托采用共享model数据,之前版本是实现两个委托,导致每次model一更新都要更新两边显示。替换时,新增z级更新,避免move动画效果差。增加拖拽到边缘时,开启滚动动画效果。
ListView滑动删除实现之四——Scroller类与listview缓慢滑动
启舰
04-27 1万+
前言：这个月真是过得太快了，本来说要看四章的内容，这下才看了两章，擦……严重没完成预算啊……撞豆腐死了算了 相关文章： 1、《ListView滑动删除实现之一——merge标签与LayoutInflater.inflate()》 2、《ListView滑动删除实现之二——scrollTo、scrollBy详解》 3、《ListView滑动删除实现之三——创建可滑动删除的Li...
listView Item删除动画
haogangshang的专栏
05-19 366
     最近项目要用到很多动画，涵盖item删除、listView item滑动、listView item替换等效果，在gitHub上找到了一个ListViewAnimation的开源项目，但是该项目要依赖一些jar和库，会导致项目过大，经过不懈地努力，在google找到了一个比较轻量级的listView item删除动画，现在给大家分享下，代码我就直接贴上了。  1 java代码 im...
自定义超简单、帅气可滑动删除的ListView
qq_36366065的博客
12-17 269
滑动删除简单实用，现在大多数App都会用的功能，可是Android并不像I OS那样拖过来就能用。对于新手来说还是得死很多脑细胞的。就像我，试了很多方法，可是效果总是达不到要求。没办法既然项目要求，就得干啊！多亏前辈们留下的资源丰富，总算让我磨出来了，嘿嘿！ 废话也不说了，代码直接撸起！ 首先自定义SlideDeleteView继承ListViewpublic class SlideDeleteV
QML动态创建、删除控件
sdustzk的博客
12-08 4679
QML动态创建、删除控件
Qt5(C++)高级篇之6：QML常用控件自定义组件及多媒体入门
10-18
1.带领您深入学习QT5/C++：QML常用控件编程、QML的多媒体入门、逐步提升Qml编程水平。2.所有章节均有理论知识介绍、接口讲解、实例代码讲解，讲解过程中不断穿插老师在开发过程中遇到的问题及解决方法（可以下载所有的电子课件与源码）。
ListView滑动删除 ，仿腾讯QQ 源码程序
04-04
本项目旨在实现一个仿腾讯QQ的ListView滑动删除功能，通过源码分析和实践，我们可以深入理解这一特性的工作原理和实现方式。 首先，滑动删除功能的核心在于监听ListView的滑动手势。在Android中，我们可以使用...
Android仿QQ消息列表ListView滑动删除效果
02-11
首先，要实现滑动删除效果，我们不能仅仅依赖于原生的ListView。虽然ListView提供了基础的滑动操作，但并不支持直接的滑动删除。因此，我们需要借助第三方库或者自定义ViewGroup来扩展功能。在这个例子中，我们可能...
Android实现ListView滑动删除.rar
07-10
在Android开发中，ListView是常用的一...总的来说，实现ListView滑动删除需要结合手势检测、动画效果以及Adapter的更新机制，这不仅可以提升应用的用户体验，还能为开发者提供更多的设计空间，创造出更丰富的交互方式。
Android ListView滑动删除操作（SwipeListView）
09-01
总的来说，SwipeListView为Android开发者提供了一种简单的方式来实现ListView的滑动删除功能，使得应用的用户体验更加丰富和直观。通过熟练掌握这个库，开发者可以快速地为自己的应用添加这一流行特性。
Android-SlideListView(ListView侧滑实现)
01-06
Android ListView侧滑的实现，滑动删除，滑动展开。和QQ5.2效果基本一致。
Qt qml中listview 列表视图控件（下拉刷新、上拉分页、滚动轴）
01-04
Qt qml listview下拉刷新和上拉分页主要根据contentY来判断。但要加上顶部下拉指示器、滚动条，并封装成可简单调用的组件，着实花了我不少精力：） 先给大家展示下效果图： 【功能】 下拉刷新和上拉分页逻辑 /下拉刷新 /上拉更多 /滚动栏 /工具栏半拉显隐 Author: surfsky.cnblogs.com Lisence: MIT 请保留此文档声明 History: init. surfsky.cnblogs.com, 2015-01 add initPosition property. 2015-01 【调用】 控件使用非常简单，只要实现 onLoad 和 onL
SlideListView:用于 Android ListView 幻灯片删除等
06-27
幻灯片列表视图 用于 Android ListView 幻灯片删除等。 如何使用 1、在你的layout.xml中添加 <com.roamer.slidelistview.SlideListView xmlns:slide="http://schemas.android.com/apk/res-auto" android:id="@+id/list_view" android:layout_width="match_parent" android:layout_height="match_parent" slide:slideAnimationTime="200" slide:slideLeftAction="scroll" slide:slideMode="both" slide:slide
Android打造全方位滚动的ListView
旧路
08-15 1001
在Android ListView控件的基础之上打造一个全方位滚动，既可以上下滚动又可以左右滚动的UDLRSlideListView。类似于表格的形式。同时包括固定标题栏，固定滑动列的实现。
【QML Model-View】ListView-增删改查（二）
aaa315732904的博客
10-13 1005
一、访问数据 ListModel 的 count 属性表示 Model 中有多少条数据，int 类型。dynamicRoles 属性为布尔值，为 true 时表示 Model 中的 role 对应的值的类型可以动态改变，默认值是 false。要设置 dynamicRoles，必须在添加数据之前。不过要注意的是，一旦你使能了 dynamicRoles，ListModel 的性能会大大下降，通常它带来的性能损失是使用静态类型的 4〜6 倍。 ListModel 的get()方法接受一个 int 类型的参数，用来
SwipeListView的使用
yaya_hu的专栏
08-14 2533
转自：http://www.bubuko.com/infodetail-1010947.html 实现一种类似于qq中滑动列表的功能： 向左或者向右滑动，然后执行相关操作。 这里用到的是GitHub上的开源控件SwipeListView，下载地址https://github.com/47deg/android-swipelistview，下载好了之后，我们可以把下载文
自定义 View（一）仿 QQ 列表 Item 侧拉删除功能
热门推荐
你若盛开，蜜蜂自来
08-22 1万+
博主声明： 转载请在开头附加本文链接及作者信息，并标记为转载。本文由博主威威喵原创，请多支持与指教。 本文首发于此 博主：威威喵|博客主页：https://blog.csdn.net/smile_running 系列文章： 自定义 View（一）仿 QQ 列表 Item 侧拉删除功能 自定义 View（二）自己动手实现下拉刷新、上拉加载功能 自定义 View（三...
ListView侧滑删除----->SlideView
郑敏
10-07 5561
实践过得真快，国庆小长假就结束了，已经开始了，我去，已经结束了？明天小伙伴们要继续上班了！有木有很激动！哈哈！相信大家对listview应该非常熟悉了，可以说耳闻能祥！我这里就不再赘述了，言贵正传！大家先看下效果 主要分为下面五种 -PrivateListingAdapter -SlideListViewActivity -SlideListView -SlideView -Mess
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值