Android ListView 滑动删除效果

最新推荐文章于 2021-05-27 13:57:17 发布
最新推荐文章于 2021-05-27 13:57:17 发布
阅读量1.1k 收藏
点赞数
分类专栏： Android开发 Android系列
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hongshengpeng/article/details/18770559
版权
效果图：

实现：

1.新建ListViewDel 继承自ListView，即自定义的View了，代码如下所示：

 

package com.util;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.ScaleAnimation;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Scroller;

import com.blog.R;

public class ListViewDel extends ListView {
	private int slidePosition, preSlidePosition;
	private int downY;
	private int downX;
	public static View itemView, preItemView;
	private Scroller scroller;
	private static final int SNAP_VELOCITY = 600;
	private VelocityTracker velocityTracker;
	public static boolean isSlide = false;
	private boolean isResponse = true;
	public static boolean isObstruct = true;
	private int mTouchSlop;
	private RemoveListener mRemoveListener;

	private static Animation scaleHideAnimation;
	private static Animation scaleShowAnimation;

	public ListViewDel(Context context) {
		this(context, null);
	}

	public ListViewDel(Context context, AttributeSet attrs) {
		this(context, attrs, 0);
	}

	public ListViewDel(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		scroller = new Scroller(context);
		mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
	}

	public void setRemoveListener(RemoveListener removeListener) {
		this.mRemoveListener = removeListener;
	}

	public boolean dispatchTouchEvent(MotionEvent event) {
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN: {

			addVelocityTracker(event);

			downX = (int) event.getX();
			downY = (int) event.getY();

			slidePosition = pointToPosition(downX, downY);

			if (slidePosition == AdapterView.INVALID_POSITION) {
				return super.dispatchTouchEvent(event);
			}

			if (preItemView != null
					&& preItemView.findViewById(R.id.tv_coating)
							.getVisibility() == View.GONE) {
				itemView = preItemView;
				slidePosition = preSlidePosition;
			} else {
				itemView = getChildAt(slidePosition - getFirstVisiblePosition());
				preItemView = itemView;
				preSlidePosition = slidePosition;
			}

			break;
		}
		case MotionEvent.ACTION_MOVE: {
			if (Math.abs(getScrollVelocity()) > SNAP_VELOCITY
					|| (Math.abs(event.getX() - downX) > mTouchSlop && Math
							.abs(event.getY() - downY) < mTouchSlop)) {
				isSlide = true;
			}
			break;
		}
		case MotionEvent.ACTION_UP:
			recycleVelocityTracker();
			isObstruct = true;
			break;
		}

		return super.dispatchTouchEvent(event);
	}

	public boolean onInterceptTouchEvent(MotionEvent ev) {
		switch (ev.getAction()) {
		case MotionEvent.ACTION_MOVE:
			if (itemView.findViewById(R.id.tv_coating).getVisibility() == View.VISIBLE) {
				isSlide = false;
			} else {
				isSlide = true;
			}
			break;

		default:
			break;
		}
		return super.onInterceptTouchEvent(ev);
	}

	public boolean onTouchEvent(MotionEvent ev) {
		if (isSlide && slidePosition != AdapterView.INVALID_POSITION) {
			addVelocityTracker(ev);
			final int action = ev.getAction();
			switch (action) {
			case MotionEvent.ACTION_MOVE:

				if (isObstruct) {

					if (itemView.findViewById(R.id.tv_coating).getVisibility() == View.VISIBLE
							&& isResponse == true) {

						scaleHideAnimation = new ScaleAnimation(1.0f, 0.0f,
								1.0f, 1.0f);
						scaleHideAnimation.setDuration(250);
						scaleHideAnimation
								.setAnimationListener(new AnimationListener() {

									public void onAnimationStart(
											Animation animation) {
										isResponse = false;
										isObstruct = false;
									}

									public void onAnimationRepeat(
											Animation animation) {

									}

									public void onAnimationEnd(
											Animation animation) {
										isResponse = true;
										itemView.findViewById(R.id.tv_coating)
												.setVisibility(View.GONE);
										itemView.findViewById(R.id.tv_functions)
												.setClickable(true);
										itemView.findViewById(R.id.tv_functions)
												.setOnClickListener(
														new OnClickListener() {

															public void onClick(
																	View v) {
																mRemoveListener
																		.removeItem(slidePosition);
															}

														});

									}
								});

						itemView.findViewById(R.id.tv_coating).startAnimation(
								scaleHideAnimation);

					} else if (itemView.findViewById(R.id.tv_coating)
							.getVisibility() == View.GONE && isResponse == true) {

						scaleShowAnimation = new ScaleAnimation(0.0f, 1.0f,
								1.0f, 1.0f);
						scaleShowAnimation.setDuration(250);
						scaleShowAnimation
								.setAnimationListener(new AnimationListener() {

									public void onAnimationStart(
											Animation animation) {
										isResponse = false;
										isObstruct = false;
									}

									public void onAnimationRepeat(
											Animation animation) {

									}

									public void onAnimationEnd(
											Animation animation) {
										isSlide = false;
										isResponse = true;
										itemView.findViewById(R.id.tv_coating)
												.setVisibility(View.VISIBLE);
									}
								});

						itemView.findViewById(R.id.tv_coating).startAnimation(
								scaleShowAnimation);
					}
				}
				break;
			case MotionEvent.ACTION_UP:
				isObstruct = true;
				recycleVelocityTracker();
				isSlide = true;
				break;
			}
			return true;
		}

		return super.onTouchEvent(ev);
	}

	public void computeScroll() {
		if (scroller.computeScrollOffset()) {
			postInvalidate();
			if (scroller.isFinished()) {
				if (mRemoveListener == null) {
					throw new NullPointerException(
							"RemoveListener is null, we should called setRemoveListener()");
				}

				itemView.scrollTo(0, 0);
			}
		}
	}

	private void addVelocityTracker(MotionEvent event) {
		if (velocityTracker == null) {
			velocityTracker = VelocityTracker.obtain();
		}
		velocityTracker.addMovement(event);
	}

	private void recycleVelocityTracker() {
		if (velocityTracker != null) {
			velocityTracker.recycle();
			velocityTracker = null;
		}
	}

	private int getScrollVelocity() {
		velocityTracker.computeCurrentVelocity(1000);
		int velocity = (int) velocityTracker.getXVelocity();
		return velocity;
	}

	public interface RemoveListener {
		public void removeItem(int position);
	}

}

自定义View的功能到此就完成了，接下来我们需要看一下如何才能使用这个自定义View。首先需要创建一个ListView子项的布局文件，新建listview_item.xml，代码如下所示： 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/ll_parent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#eee"
    android:gravity="center"
    android:orientation="horizontal"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/tv_item"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="left"
        android:padding="8dp"
        android:text="狗狗"
        android:textColor="#000"
        android:textSize="16sp" />

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right|center_vertical"
        android:padding="15dp" >

        <TextView
            android:id="@+id/tv_functions"
            android:layout_width="100dp"
            android:layout_height="30dp"
            android:layout_gravity="center"
            android:background="@drawable/btn_del_bg"
            android:gravity="center"
            android:text="删除"
            android:textColor="@android:color/white" />

        <TextView
            android:id="@+id/tv_coating"
            android:layout_width="100dp"
            android:layout_height="30dp"
            android:layout_gravity="center"
            android:background="#eee"
            android:visibility="gone" />
    </FrameLayout>

</LinearLayout>

然后创建一个适配器ListItemAdapter,在这个适配器中去加载listview_item.xml布局，代码如下所示： 

package com.util;

import java.util.ArrayList;

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

import com.blog.R;

public class ListItemAdapter extends BaseAdapter {

	private LayoutInflater inflater;
	private ArrayList<String> datas;

	public ListItemAdapter(Context context) {
		inflater = LayoutInflater.from(context);
	}

	public void setData(ArrayList<String> datas) {
		this.datas = datas;
	}

	public int getCount() {
		return datas.size();
	}

	public Object getItem(int position) {
		return datas.get(position);
	}

	public long getItemId(int position) {
		return position;
	}

	public View getView(final int position, View convertView, ViewGroup parent) {
		ViewHolder holder = null;
		if (convertView == null) {
			holder = new ViewHolder();
			convertView = inflater.inflate(R.layout.listview_item, null);
			holder.textView = (TextView) convertView.findViewById(R.id.tv_item);
			holder.coating = (TextView) convertView
					.findViewById(R.id.tv_coating);
			holder.functions = (TextView) convertView
					.findViewById(R.id.tv_functions);
			convertView.setTag(holder);
		} else {
			holder = (ViewHolder) convertView.getTag();
		}

		holder.textView.setText(datas.get(position));
		holder.coating.setVisibility(View.VISIBLE);

		holder.functions.setClickable(false);

		return convertView;
	}

	public final class ViewHolder {
		public TextView textView;
		public TextView coating;
		public TextView functions;
	}
}

下面在程序的主布局文件里面引入MyListView这个控件，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#eee"
    android:orientation="vertical" >

    <RelativeLayout
        android:id="@+id/top_relative"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="10.0dp" >

        <LinearLayout
            android:id="@+id/title"
            android:layout_width="fill_parent"
            android:layout_height="45dp"
            android:background="@drawable/android_title_bg"
            android:gravity="center_horizontal|center_vertical" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/app_name"
                android:textColor="#ffffff"
                android:textSize="20sp" />
        </LinearLayout>

        <TextView
            android:id="@+id/typetitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_marginTop="8.0dip"
            android:gravity="center"
            android:lineSpacingExtra="6.0dp"
            android:paddingLeft="20.0dp"
            android:paddingTop="10.0dp"
            android:singleLine="true"
            android:text=""
            android:textColor="#fff"
            android:textSize="16.0sp" />
    </RelativeLayout>

    <TextView
        android:id="@+id/tv_text"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:gravity="center"
        android:text="浏览历史记录"
        android:textSize="18sp" />

    <com.util.ListViewDel
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/tv_text"
        android:cacheColorHint="#00000000"
        android:divider="@drawable/reader_item_divider"
        android:fadingEdge="none"
        android:listSelector="#00000000" >
    </com.util.ListViewDel>

</LinearLayout>

最后在Activity中初始化ListViewDel中的数据，代码如下所示： 

package com.blog;

import java.util.ArrayList;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;

import com.util.ListItemAdapter;
import com.util.ListViewDel;
import com.util.ListViewDel.RemoveListener;

public class MainActivity extends Activity implements RemoveListener {
	private ListViewDel list;
	private ListItemAdapter adapter;
	private ArrayList<String> dataSourceList = new ArrayList<String>();

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		init();
	}

	private void init() {
		list = (ListViewDel) findViewById(R.id.list);
		list.setRemoveListener(this);

		for (int i = 0; i < 20; i++) {
			dataSourceList.add((i > 2 ? "淘宝" + " " + i : "京东" + " 0" + i));

		}

		adapter = new ListItemAdapter(this);
		adapter.setData(dataSourceList);
		list.setAdapter(adapter);

		list.setOnItemClickListener(new OnItemClickListener() {

			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				Intent intent = new Intent(getApplicationContext(),
						ListItemActivity.class);
				intent.putExtra("item", dataSourceList.get(position));
				startActivity(intent);
				overridePendingTransition(R.anim.slide_in_from_right,
						R.anim.remain_original_location);
			}

		});
	}

	public void removeItem(int position) {
		ListViewDel.isSlide = false;
		ListViewDel.itemView.findViewById(R.id.tv_coating).setVisibility(
				View.VISIBLE);
		dataSourceList.remove(position);
		adapter.notifyDataSetChanged();
	}

}

（本篇完）

洪生鹏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android ListView滑动删除操作（SwipeListView）
09-01
主要为大家详细介绍了Android ListView滑动删除操作，主要是学习SwipeListView开源框架。感兴趣的小伙伴们可以参考一下
ScrollView、ListView、GridView去掉边缘的蓝边和滑动条，改变item点击效果
变胖变强大的专栏
03-09 2890
开发为了美观经常会用去掉这些滑动的滚动条及滑动到末尾时那个蓝色阴影，还有改变或者去掉ListView、GridView的item点击效果
ListView隐藏右侧滚动条
热门推荐
Sunrise的专栏
01-25 2万+
关于ListView的滚动条几种情形： 1、默认情况：活动（滚动）时显示，不活动时隐藏。2、活动和不活动时都显示。3、活动和不活动时都隐藏。上述集中情况，均有ListView的以下设置属性方法控制 1、setVerticalScrollBarEnabled(boolean b); 设置true时: 存在滚动条 设置false时： 隐藏滚动条2、setScrollbarFad
android listview 禁止滚动事件,取消滑动事件的listView
weixin_39582569的博客
05-27 478
当我们要显示listView里所有的数据时，可以取消它的滑动事件，得到所有数据，比如：android:id="@+id/sv_zuixin"android:layout_width="match_parent"android:layout_height="match_parent"android:visibility="visible">android:layout_width="match...
android listview 滑动动画效果,让你的ListView更炫酷，实现侧滑删除效果
weixin_42357916的博客
05-27 643
又到了更新博客的时间了，今天给大家带来的是ListView侧滑出现删除等按钮的效果。相信大家在平时玩app的时候都接触过这种效果吧。比如说QQ聊天列表侧滑就会出现“置顶”、“标为已读”、“删除”等按钮。这篇博文将用ViewDragHelper这个神器来实现侧滑效果。友情链接一下之前写的博文使用ViewDragHelper来实现侧滑菜单的，点击此处跳转。如果你对ViewDragHelper不熟悉，你...
android listview 滑动删除,重写listview，横向滑动出现删除按钮，点击按钮删除item...
weixin_33283907的博客
05-27 734
首先看一下效果图：接下来看具体操作：准备一个删除按钮的布局，新建button.xml文件，代码如下所示：android:id="@+id/btn"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="delete"/>这个布局很简单，只有一个按钮而已。接着创建MyLIstVie...
Android仿QQ消息列表ListView滑动删除效果
02-11
Android仿QQ消息列表ListView滑动删除效果，具体详见：http://blog.csdn.net/top_code/article/details/19084879
Android ListView左右滑动删除Item效果
05-29
android 使用Scroller实现绚丽的ListView左右滑动删除Item效果 RemoveListener
Android App中ListView仿QQ实现滑动删除效果的要点解析
09-02
主要介绍了Android App中ListView仿QQ实现滑动删除效果的要点解析,重点是要判断手势按下的位置坐标,需要的朋友可以参考下
(Android)五分钟让你轻松学会下拉刷新和上拉加载更多
爱开发
12-05 1万+
分享一个谷歌自带的下拉刷新和上拉加载更多例子: 先看效果图: /** * 继承自SwipeRefreshLayout,从而实现滑动到底部时上拉加载更多的功能. */ public class RefreshLayout extends SwipeRefreshLayout implements OnScrollListener { /** * 滑动到最下面时的上拉操作
Android Listview 中smoothScrollToPositionFromTop 有时滚动到指定无效
爱开发
09-05 1万+
今天项目中发现在使用listview的 smoothScrollToPositionFromTop 做自动滚动到底部的操作时有时有效有时无效， 后来发现这是该接口自身的bug 解决办法： 使用setSelection(int position),但是该接口是直接跳转至指定位置， 而smoothScrollToPositionFromTop 是平滑滚动到制定位置 并偏移
Android向服务器端发送json数据
爱开发
02-26 6797
android 向服务器端发送json数据，本文讲解的知识点比较基础，如果你是大神，请直接关闭该网页，免得浪费你宝贵时间。 1.向服务器端发送json数据
Android强大的图片加载框架Fresco简单用法
爱开发
03-14 5405
Android关于加载图片的框架有Universal-Image-Loader、Picasso、Volley、Fresco，这篇文章主要简单的分析一下Fresco的用法，Fresco是Facebook发布的一款开源框架，在内存方面的表现极为优秀。 Fresco中文说明：http://www.fresco-cn.org/ Fresco项目GitHub地址：https://github.com
Android ViewPager Fragment实现选项卡
爱开发
02-22 3434
Android ViewPager Fragment实现选项卡
收集炫酷的Android Loading动画
爱开发
09-09 3267
CircleProgress  一个效果很酷炫很创新的一个圆形加载动画 https://github.com/Fichardu/CircleProgress android-shapeLoadingView https://github.com/zzz40500/android-shapeLoadingView WaitingDots
java 代理模式ProxyMode(上)
爱开发
12-06 3102
1. 代理模式 代理模式的作用是：为其他对象提供一种代理以控制对这个对象的访问。在某些情况下，一个客户不想或者不能直接引用另一个对象，而代理对象可以在客户端和目标对象之间起到中介的作用。  例如： 1、甲看上了已，但甲害羞，不敢直接找已说，然后就找已的闺蜜丙来替自己去跟已说！   这时丙充当代理也就出场了 2、A想租房子，但资源有限，在这小村庄了，找不到合适的，通过朋友介绍等方式。这
Android的WebView拦截数据
爱开发
11-22 2987
有这样的一个需求： 在WebView加载 某网站 时，会加载一个logo图片，我们的需求就是将这个logo图片换成另一张图片。 这时 shouldInterceptRequest 就出场了。 从API 11(Android 3.0)开始， shouldInterceptRequest被引入就是为了解决这一类的问题。 shouldInter
Android TextView显示文章详情
爱开发
11-05 2971
CImageGetter.java package com.texthtml; import java.io.File; import java.io.FileOutputStream; import java.io.InputStream; import org.apache.http.HttpResponse; import org.apache.http.client.HttpCli
Android 简化findViewById写法
爱开发
10-05 2898
今天给大家分享一下简化findViewById的写法， 大家在写代码的时候可能烦透了写 findViewById， 当然我们也可以利用相关注解框架来简写，比如ViewInject 去简化这个操作。 至于用ViewInject性能方面，这里不做介绍。 自定义一个ViewUtil类 public class ViewUtil { /** * activity.
使用Android写ListView滑动删除demo
最新发布
04-04
抱歉，作为AI语言模型，我无法提供实际的代码演示。但我可以给您一些实现的简要步骤和提示： 1. 创建一个ListView控件，并设置Adapter，显示数据列表。 2. 在Adapter中实现getView()方法，在其中为每个列表项添加一个删除按钮，或者在列表项中添加滑动删除的手势监听。 3. 在删除按钮或滑动删除手势监听中，获取要删除的列表项的位置，从数据源中移除该项，并更新Adapter的数据源。 4. 在Adapter中实现notifyDataSetChanged()方法，用于刷新ListView的显示。 5. 如果需要添加撤销删除的功能，可以使用Snackbar或Dialog等控件，提示用户可以撤销删除操作。 需要注意的是，实现滑动删除需要使用ListView的OnTouchListener监听滑动操作，同时需要在Adapter中重写getView()方法来自定义布局。具体实现细节可以参考一些开源的ListView滑动删除库，如SwipeMenuListView、SwipeListView等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值