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. }  

 

 

第五步：运行效果如图：