listView滑动删除

最新推荐文章于 2021-05-26 06:06:36 发布
最新推荐文章于 2021-05-26 06:06:36 发布
阅读量2.1k 收藏 1
点赞数
分类专栏： android控件 文章标签： listview

转自http://104zz.iteye.com/blog/1682431

本例满足一些开发者为了实现像iphone中list选项的滑动删除功能，在android中没有现成的控件可以实现这个功能，所以研究了下在自定义的适配类中为每个项的contentview设置触控监听OnTouchListener实现，具体实现步骤如下。

 

第一步：设计main.xml

 

 

Xml代码  收藏代码
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent" >  
  5.     <ListView  
  6.         android:id="@+id/list"  
  7.         android:layout_width="fill_parent"  
  8.         android:layout_height="fill_parent"  
  9.         android:divider="@null" />  
  10. </RelativeLayout>  
 

 

第二步：设计item.xml添加一个TextView和一个Button 如下：

 

Xml代码  收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="wrap_content"  
  5.     android:background="@drawable/contact_listitem"  
  6.     android:orientation="horizontal"  
  7.     android:gravity="center_vertical"  
  8.      >  
  9.      
  10.     <TextView  
  11.         android:id="@+id/title"  
  12.         android:layout_width="wrap_content"  
  13.         android:layout_height="wrap_content"       
  14.         android:layout_alignParentLeft="true"    
  15.         android:gravity="center_vertical"  
  16.         android:layout_gravity="center_vertical"  
  17.         android:paddingTop="8dip"  
  18.         android:paddingLeft="8dip"  
  19.         android:paddingBottom="8dip"  
  20.         android:singleLine="true"  
  21.         android:text="hhhh"  
  22.         android:layout_margin="8dip"  
  23.          />  
  24.       
  25.      <Button  
  26.         android:id="@+id/del"  
  27.         android:layout_width="wrap_content"  
  28.         android:singleLine="true"  
  29.         android:layout_height="wrap_content"         
  30.         android:gravity="center_vertical"  
  31.         android:layout_gravity="center_vertical"  
  32.         android:layout_alignParentRight="true"  
  33.         android:paddingLeft="8dip"  
  34.         android:paddingRight="8dip"         
  35.         android:textColor="#ffffff"  
  36.         android:background="@drawable/btn_style_six_normal"  
  37.         android:text="删除"  
  38.         android:layout_margin="8dip"  
  39.         android:visibility="gone"  
  40.          />  
  41. </RelativeLayout>  
 

 

第三步：创建设配类MyAdapter继承BaseAdapter在本类中主要是对触控滑动显示删除按钮做了比较详细，其他的跟一般的listview设计大同小异，代码如下：

 

 

Java代码  收藏代码
  1. import java.util.List;  
  2. import android.content.Context;  
  3. import android.view.LayoutInflater;  
  4. import android.view.MotionEvent;  
  5. import android.view.View;  
  6. import android.view.View.OnClickListener;  
  7. import android.view.View.OnTouchListener;  
  8. import android.view.ViewGroup;  
  9. import android.widget.BaseAdapter;  
  10. import android.widget.Button;  
  11. import android.widget.TextView;  
  12. public class MyAdapter extends BaseAdapter {  
  13. private List<String> arrays = null;  
  14. private Context mContext;  
  15. private Button curDel_btn;  
  16. private float x,ux;  
  17. public MyAdapter(Context mContext, List<String> arrays) {  
  18. this.mContext = mContext;  
  19. this.arrays = arrays;  
  20. }  
  21. public int getCount() {  
  22. return this.arrays.size();  
  23. }  
  24. public Object getItem(int position) {  
  25. return null;  
  26. }  
  27. public long getItemId(int position) {  
  28. return position;  
  29. }  
  30. public View getView(final int position, View view, ViewGroup arg2) {  
  31. ViewHolder viewHolder = null;  
  32. if (view == null) {  
  33. viewHolder = new ViewHolder();  
  34. view = LayoutInflater.from(mContext).inflate(R.layout.item, null);  
  35. viewHolder.tvTitle = (TextView) view.findViewById(R.id.title);  
  36. viewHolder.btnDel = (Button) view.findViewById(R.id.del);  
  37. view.setTag(viewHolder);  
  38. } else {  
  39. viewHolder = (ViewHolder) view.getTag();  
  40. }  
  41. //为每一个view项设置触控监听  
  42. view.setOnTouchListener(new OnTouchListener() {  
  43. public boolean onTouch(View v, MotionEvent event) {  
  44. final ViewHolder holder = (ViewHolder) v.getTag();  
  45. //当按下时处理  
  46. if (event.getAction() == MotionEvent.ACTION_DOWN) {  
  47. //设置背景为选中状态  
  48. v.setBackgroundResource(R.drawable.mm_listitem_pressed);  
  49. //获取按下时的x轴坐标  
  50. x = event.getX();  
  51. //判断之前是否出现了删除按钮如果存在就隐藏  
  52. if (curDel_btn != null) {  
  53. curDel_btn.setVisibility(View.GONE);  
  54. }  
  55. } else if (event.getAction() == MotionEvent.ACTION_UP) {// 松开处理  
  56. //设置背景为未选中正常状态  
  57. v.setBackgroundResource(R.drawable.mm_listitem_simple);  
  58. //获取松开时的x坐标  
  59. ux = event.getX();  
  60. //判断当前项中按钮控件不为空时  
  61. if (holder.btnDel != null) {  
  62. //按下和松开绝对值差当大于20时显示删除按钮，否则不显示  
  63. if (Math.abs(x - ux) > 20) {  
  64. holder.btnDel.setVisibility(View.VISIBLE);  
  65. curDel_btn = holder.btnDel;  
  66. }  
  67. }  
  68. } else if (event.getAction() == MotionEvent.ACTION_MOVE) {//当滑动时背景为选中状态  
  69. v.setBackgroundResource(R.drawable.mm_listitem_pressed);  
  70. } else {//其他模式  
  71. //设置背景为未选中正常状态  
  72. v.setBackgroundResource(R.drawable.mm_listitem_simple);  
  73. }  
  74. return true;  
  75. }  
  76. });  
  77. viewHolder.tvTitle.setText(this.arrays.get(position));  
  78. //为删除按钮添加监听事件，实现点击删除按钮时删除该项  
  79. viewHolder.btnDel.setOnClickListener(new OnClickListener() {  
  80. public void onClick(View v) {  
  81. if(curDel_btn!=null)  
  82. curDel_btn.setVisibility(View.GONE);  
  83. arrays.remove(position);  
  84. notifyDataSetChanged();  
  85. }  
  86. });  
  87. return view;  
  88. }  
  89. final static class ViewHolder {  
  90. TextView tvTitle;  
  91. Button btnDel;  
  92. }  
  93. }  
 

 

第四步：编写MainActivity这里比较简单，不多说直接贴代码

 

Java代码  收藏代码
  1. import java.util.ArrayList;  
  2. import java.util.List;  
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.widget.ListView;  
  6. public class MainActivity extends Activity {  
  7. private ListView mListView;  
  8.     @Override  
  9.     public void onCreate(Bundle savedInstanceState) {  
  10.         super.onCreate(savedInstanceState);  
  11.         setContentView(R.layout.activity_main);  
  12.         mListView = (ListView) this.findViewById(R.id.list);  
  13.         List<String> list = new ArrayList<String>();  
  14.         for(int i=0;i<10;i++){  
  15.             list.add("选项"+i);  
  16.         }  
  17.         //实例化自定义内容适配类  
  18.         MyAdapter adapter = new MyAdapter(this,list);  
  19.         //为listView设置适配  
  20.         mListView.setAdapter(adapter);  
  21.     }  
  22.       
  23. }  
 

 

第五步：运行效果如图：

u010436741
关注
专栏目录
Android实现ListView的Item滑动删除
10-31
Android 用HorizontalScrollView实现ListView的Item滑动删除
ListView滑动删除 ，仿腾讯QQ 源码程序
04-04
本项目旨在实现一个仿腾讯QQ的ListView滑动删除功能，通过源码分析和实践，我们可以深入理解这一特性的工作原理和实现方式。 首先，滑动删除功能的核心在于监听ListView的滑动手势。在Android中，我们可以使用...
android滑动删除listview
qq_37017555的博客
07-12 161
带动画效果滑动删除listview
高仿微信对话列表滑动删除效果
白雾霾
12-24 328
转载请注明出处：http://blog.csdn.net/singwhatiwanna/article/details/17515543 前言 用过微信的都知道，微信对话列表滑动删除效果是很不错的，这个效果我们也可以有。思路其实很简单，弄个ListView，然后里面的每个item做成一个可以滑动的自定义控件即可。由于ListView是上下滑动而item是左右滑动，因此会有滑动冲突，也许你需要了...
android，listView, 滑动删除
韩梦飞沙_韩亚飞
03-27 632
Android仿QQ消息列表ListView滑动删除效果 http://blog.csdn.net/top_code/article/details/19084879     山寨扣扣的列表滑动删除！ http://blog.csdn.net/ly513782705/article/details/17633573     仿微信的列表滑动删除（一）    可滑动控件 http:
listview滑动删除
04-13
而"ListView滑动删除"则是为了提升用户体验，让用户能够通过手势滑动列表项来执行删除操作。这个功能通常在邮件应用、任务列表或者社交应用中很常见，增加了操作的直观性和便捷性。 要实现ListView的滑动删除效果，...
Android实现ListView滑动删除.rar
07-10
本示例"Android实现ListView滑动删除"就是针对这一需求的具体实现。 在Android中实现ListView的滑动删除，通常需要以下步骤： 1. **自定义Adapter**： - 首先，你需要创建一个自定义的ListAdapter，继承自...
Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果 源码程序
12-31
Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果,项目详情http://blog.csdn.net/xiaanming/article/details/17539199
Scroller应用：ListView滑动删除
热门推荐
jwzhangjie的专栏
09-02 1万+
1、设计思路在Scroller的应用--滑屏实现中使用Scroller实现滑屏效果，这里使用Scroller与ListView实现类似QQ滑动，然后点击删除功能，设计思路是Item使用Scroller实现滑动，ListView根据触摸判断是横向滑动还是竖直滑动，关于点击事件处理思路：对于View的onClick事件跟平常一样，里面针对OnItemClick做了处理，判断触摸距离来判断，如果小于5的
Android listview 滑动删除（具体效果360手机卫士后台通知).zip
12-16
源码参考，欢迎下载
listview 向左滑动删除
08-24
1、实现listview item向左滑动 2、滑动超出一定范围，显示删除按钮 3、具体看代码注释
android listview滑动删除，实现item的点击缩回
hrshsa的博客
08-20 903
最近有一个滑动删除列表的需求，本来以为很简单的，做的和QQ的一样就好，结果自己写发现不是这么回事，QQ的滑动删除是滑动就打开，再触碰除了打开的区域以外的区域，打开的item就回缩，其实就是状态的判断，但是我的判断似乎总是出问题，于是用了点小技巧，现在的功能是实现了，滑动打开，点击其他地方就回缩，特此记录。 其实主要还是滑动事件的分发和item状态的判断，我这里参考了http://blog
Android 实现ListView的滑动删除效果(转)
zhoupeng100的博客
08-17 391
merge xmlns:android="http://schemas.android.com/apk/res/android"       android:layout_width="match_parent"       android:layout_height="match_parent" >          LinearLayout           android:id="@+id
Listview之侧滑删除
weixin_44043199的博客
07-08 481
效果图： 自定义ListView 需要自定义ListView，继承于ListView，如： public class SideslipListView extends ListView { ... public SideslipListView(Context context) { super(context); } public SideslipListView(Context co...
Android布局滑动删除,Android ListView侧滑删除
weixin_34665982的博客
05-26 120
前言? 今天是个值得纪念的日子，今天点亮了博客专家！相信我是第一个粉丝数量在20位以下，排名在万级别的以外的博客专家。一、使用效果图：maven：com.hlqslideDeleteListView1.0.0pomGradle：compile 'com.hlq:slideDeleteListView:1.0.0'布局中：android:id="@+id/listview"android:layou...
ListView滑动删除
安卓加油
11-04 369
adapter 代码 package com.example.ibm.listviewdemo; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.wid
Android ListView滑动删除实现详解
"本文将解析如何在Android App的ListView中实现类似QQ的滑动删除功能，主要涉及手势识别、自定义ListView以及PopupWindow的使用。" 在Android应用开发中，ListView是一种常用的组件，用于展示大量的列表数据。为了...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值