Android 实现用户列表信息滑动删除功能和选择删除功能

淡淡的烟草味﹌ 2022-08-11 00:49 512阅读 0赞

在项目开发过程中，常常需要对用户列表的信息进行删除的操作。Android中常用的删除操作方式有两种 ，一种就是类似微信的滑动出现删除按钮方式，还有一种是通过CheckBox进行选择，然后通过按钮进行删除的方式。本来的实例集成上述的两种操作方式来实现用户列表删除的效果。

设计思路：在适配器类MyAdapter一个滑动删除按钮显示或隐藏的Map,一个用于CheckBox是否选中的Map和一个与MainAcitivyt进行数据交互的接口ContentsDeleteListener，同时该接口包含两个方法，contentsDeleteSelect(int position, boolean isChecked)方法用于将选中或取消内容从选中List中加入或删除，contentDelete(int position)用于删除List中指定位置的列项。滑动的效果主要是通过当滑动的距离大于40时，显示滑动删除按钮，再执行删除操作时，将其他所有设置不可见，并设置CheckBox为不选中状态。

一.代码实现效果

![20140813212420697][]

二.代码实现

1. 主界面布局 activity\_main.xml

主界面布局很简单，就一个删除Button和一个存放用户信息的ListView

2.用户项布局 activity\_main\_list\_view.xml

<?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/my_rl"
 android:layout_width="match_parent"
 android:layout_height="200dp" >
 
 <CheckBox
 android:id="@+id/my_select_cb"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentLeft="true"
 android:layout_centerVertical="true"
 android:layout_marginLeft="10dp"
 android:background="@drawable/my_list_checkbox_selector"
 android:button="@null" />
 
 <TextView
 android:id="@+id/my_content_tv"
 android:layout_width="wrap_content"
 android:layout_height="60dp"
 android:layout_centerInParent="true"
 android:layout_marginLeft="20dp"
 android:layout_toRightOf="@id/my_select_cb"
 android:gravity="center"
 android:text="@string/delete" />
 
 <TextView
 android:id="@+id/my_delete_tv"
 android:layout_width="80dp"
 android:layout_height="wrap_content"
 android:layout_alignParentRight="true"
 android:layout_centerInParent="true"
 android:layout_marginLeft="5dp"
 android:clickable="true"
 android:drawableLeft="@drawable/del_icon_normal"
 android:gravity="center"
 android:paddingLeft="10dp"
 android:paddingRight="10dp"
 android:text="@string/delete"
 android:visibility="gone" />
 
 </RelativeLayout>

该布局包含一个选择的CheckBox，显示内容的TextView 和一个能滑动实现删除的TextView

3.滑动效果anim\_right\_left.xml

<?xml version="1.0" encoding="utf-8"?>
 <set xmlns:android="http://schemas.android.com/apk/res/android" >
 
 <translate
 android:duration="200"
 android:fromXDelta="320"
 android:fromYDelta="0"
 android:toXDelta="0"
 android:toYDelta="0" />
 
 </set>

4.CheckBox选择器 my\_list\_checekbox\_selector.xml

<?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android" >
 <item android:drawable="@drawable/my_list_check_box_bg_check" android:state_checked="true"></item> 
 <item android:drawable="@drawable/my_list_check_box_bg_check" android:state_selected="true"></item> 
 <item android:drawable="@drawable/my_list_check_box_bg_check" android:state_pressed="true"></item> 
 <item android:drawable="@drawable/my_list__check_box_bg"></item> 
 </selector>

5.用户列表适配器 MyAdapter.java

package com.example.slideandselectdeletedemo;
 
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
 import android.annotation.SuppressLint;
 import android.content.Context;
 import android.view.LayoutInflater;
 import android.view.MotionEvent;
 import android.view.View;
 import android.view.View.OnClickListener;
 import android.view.View.OnTouchListener;
 import android.view.animation.Animation;
 import android.view.animation.AnimationUtils;
 import android.view.ViewGroup;
 import android.widget.BaseAdapter;
 import android.widget.CheckBox;
 import android.widget.CompoundButton;
 import android.widget.CompoundButton.OnCheckedChangeListener;
 import android.widget.RelativeLayout;
 import android.widget.TextView;
 import com.example.slidedeleteandselectdemo.R;
 
 @SuppressLint("UseSparseArrays")
 public class MyAdapter extends BaseAdapter {
 
 	private LayoutInflater mInflater;
 	private List<String> mContentsList;
 	private Context mContext;
 	private ContentsDeleteListener mContentsDeleteListener;
 	//设置滑动删除按钮是否显示
 	private Map<Integer, Integer> visibleDeleteTv;
 	//CheckBox选择和未选择
 	private Map<Integer, Boolean> selectCb;
 	//滑动后的X坐标点
 	private int mLastX = 0;
 //	private int mLastY = 0;
 
 	public MyAdapter(Context mContext, List<String> mContentsList,
 			ContentsDeleteListener mContentsDeleteListener) {
 		this.mContext = mContext;
 		this.mContentsList = mContentsList;
 		this.mContentsDeleteListener = mContentsDeleteListener;
 		this.mInflater = (LayoutInflater) mContext
 				.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
 
 		visibleDeleteTv = new HashMap<Integer, Integer>();
 		selectCb = new HashMap<Integer, Boolean>();
 
 		// 更新界面时,记录为 未选中和滑动删除按钮不可见 
 		for (int i = 0; i < mContentsList.size(); i++) {
 			visibleDeleteTv.put(i, View.GONE);
 			selectCb.put(i, false);
 		}
 	}
 
 	public void updateView(List<String> mContentsList) {
 		this.mContentsList = mContentsList;
 		this.notifyDataSetChanged();
 	}
 
 	@Override
 	public int getCount() {
 		return mContentsList.size();
 	}
 
 	@Override
 	public Object getItem(int position) {
 		return mContentsList.get(position);
 	}
 
 	@Override
 	public long getItemId(int position) {
 		return position;
 	}
 
 	@Override
 	public View getView(final int position, View convertView, ViewGroup parent) {
 		final HolderView holderView;
 		if (convertView == null) {
 			holderView = new HolderView();
 			convertView = mInflater.inflate(R.layout.activity_main_list_view,
 					null);
 			holderView.listSelectCb = (CheckBox) convertView
 					.findViewById(R.id.my_select_cb);
 			holderView.listContentTv = (TextView) convertView
 					.findViewById(R.id.my_content_tv);
 			holderView.listDeleteTv = (TextView) convertView
 					.findViewById(R.id.my_delete_tv);
 			holderView.listRl = (RelativeLayout) convertView
 					.findViewById(R.id.my_rl);
 
 			convertView.setTag(holderView);
 		} else {
 			holderView = (HolderView) convertView.getTag();
 			if (holderView.listSelectCb.isChecked()) {
 				holderView.listSelectCb.setChecked(false);
 			}
 
 		}
 		// 显示内容
 		holderView.listContentTv.setText(mContentsList.get(position));
 
 		if (visibleDeleteTv != null) {
 			holderView.listDeleteTv
 					.setVisibility(visibleDeleteTv.get(position));
 		}
 		if (selectCb != null) {
 			holderView.listSelectCb.setChecked(selectCb.get(position));
 			mContentsDeleteListener.contentsDeleteSelect(position,
 					selectCb.get(position));
 		}
 
 		// 处理选择事件
 		holderView.listRl.setOnClickListener(new OnClickListener() {
 			@Override
 			public void onClick(View v) {
 				if (visibleDeleteTv.containsValue(View.VISIBLE)) {//可见时，再次单击设置不可见，未选中
 					for (int i = 0; i < getCount(); i++) {
 						visibleDeleteTv.put(i, View.GONE);
 						selectCb.put(i, false);
 						mContentsDeleteListener.contentsDeleteSelect(i, false);
 					}
 					notifyDataSetChanged();
 				} else {
 					boolean isChecked = holderView.listSelectCb.isChecked() ? false
 							: true;
 					holderView.listSelectCb.setChecked(isChecked);
 
 					mContentsDeleteListener.contentsDeleteSelect(position, isChecked);
 				}
 			}
 		});
 
 		holderView.listSelectCb
 				.setOnCheckedChangeListener(new OnCheckedChangeListener() {
 					@Override
 					public void onCheckedChanged(CompoundButton buttonView,
 							boolean isChecked) {
 						mContentsDeleteListener.contentsDeleteSelect(position,
 								isChecked);
 					}
 				});
 
 		holderView.listSelectCb.setOnClickListener(new OnClickListener() {
 
 			@Override
 			public void onClick(View v) {
 				if (visibleDeleteTv.containsValue(View.VISIBLE)) {
 					for (int i = 0; i < getCount(); i++) {
 						visibleDeleteTv.put(i, View.GONE);
 						selectCb.put(i, false);
 						mContentsDeleteListener.contentsDeleteSelect(i,
 						 false);
 					}
 					notifyDataSetChanged();
 				}
 			}
 		});
 
 		convertView.setOnTouchListener(new OnTouchListener() {
 
 			@Override
 			public boolean onTouch(View v, MotionEvent event) {
 				final Animation alpha = AnimationUtils.loadAnimation(mContext,
 						R.anim.anim_right_left);
 				int x = (int) event.getX();
 //				int y = (int) event.getY();
 				// Log.d(TAG, "x=" + x + " y=" + y);
 				// press down
 				if (event.getAction() == MotionEvent.ACTION_DOWN) {
 					alpha.cancel();
 				} else if (event.getAction() == MotionEvent.ACTION_MOVE) {
 					alpha.cancel();
 					int deltaX = mLastX - x;
 //					int deltaY = mLastY - y;
 					// Log.d(TAG, "deltaX=" + deltaX + ",deltaY=" + deltaY);
 					if (deltaX > 40) {//当滑动距离大于40时，显示该位置的删除按键
 						for (int i = 0; i < getCount(); i++) {
 							visibleDeleteTv.put(i, View.GONE);
 							selectCb.put(i, false);
 							mContentsDeleteListener.contentsDeleteSelect(i, false);
 							if (i == position) {
 								visibleDeleteTv.put(position, View.VISIBLE);
 								selectCb.put(i, true);
 								mContentsDeleteListener.contentsDeleteSelect(i, true);
 								if (visibleDeleteTv.get(position) == View.VISIBLE) {
 									holderView.listDeleteTv
 											.startAnimation(alpha);
 								}
 							}
 						}
 						notifyDataSetChanged();
 					}
 					return true;
 				} else {// other
 					alpha.cancel();
 
 				}
 				mLastX = x;
 //				mLastY = y;
 				return false;
 			}
 		});
 		holderView.listDeleteTv.setOnClickListener(new OnClickListener() {
 
 			@Override
 			public void onClick(View v) {
 				// Log.d(TAG, "onClick:position=" + position);
 				mContentsList.remove(position);
 				mContentsDeleteListener.contentDelete(position);
 				for (int i = 0; i < mContentsList.size(); i++) {
 					visibleDeleteTv.put(i, View.GONE);
 					selectCb.put(i, false);
 					mContentsDeleteListener.contentsDeleteSelect(i, false);
 				}
 				notifyDataSetChanged();
 			}
 		});
 		return convertView;
 	}
 
 	public class HolderView {
 		public TextView listContentTv, listDeleteTv;
 		public CheckBox listSelectCb;
 		public RelativeLayout listRl;
 	}
 
 	public void setContentsDeleteListener(
 			ContentsDeleteListener mContentsDeleteListener) {
 		this.mContentsDeleteListener = mContentsDeleteListener;
 	}
 
 	/**
 	 * 用于删除内容的接口
 	 * 
 	 * @author liangming.deng
 	 * 
 	 */
 	public interface ContentsDeleteListener {
 		/**
 		 * 根据isChecked 选择和取消选择的指定位置
 		 * @param position
 		 * @param isChecked
 		 */
 		public void contentsDeleteSelect(int position, boolean isChecked);
 		/**
 		 * 删除指定位置内容
 		 * @param position
 		 */
 		public void contentDelete(int position);
 	}
 
 	public void setVisibleDeleteTv(Map<Integer, Integer> visibleDeleteTv) {
 		this.visibleDeleteTv = visibleDeleteTv;
 	}
 
 	public void setSelectCb(Map<Integer, Boolean> selectCb) {
 		this.selectCb = selectCb;
 	}
 }

5.主界面代码MainActivity.java

package com.example.slideandselectdeletedemo;
 
 import java.util.ArrayList;
 import java.util.Collections;
 import java.util.List;
 
 import android.app.Activity;
 import android.os.Bundle;
 import android.view.Menu;
 import android.view.MenuItem;
 import android.view.View;
 import android.view.View.OnClickListener;
 import android.widget.Button;
 import android.widget.ListView;
 
 import com.example.slideandselectdeletedemo.MyAdapter.ContentsDeleteListener;
 import com.example.slidedeleteandselectdemo.R;
 
 public class MainActivity extends Activity implements ContentsDeleteListener,OnClickListener{
 	private ListView myLv;
 	private Button myDeleteBtn;
 	private MyAdapter myAdapter;
 	private String[] myContentsArray;
 	private List<String> myContentsList = new ArrayList<String>();
 	private List<String> mySelectedList = new ArrayList<String>();
 	@Override
 	protected void onCreate(Bundle savedInstanceState) {
 		super.onCreate(savedInstanceState);
 		setContentView(R.layout.activity_main);
 		
 		findById();
 		
 		myContentsArray = this.getResources().getStringArray(R.array.my_contents);
 		if(myContentsArray != null){
 			Collections.addAll(myContentsList, myContentsArray);
 		}
 		
 		myAdapter = new MyAdapter(this,myContentsList,this);
 		myLv.setAdapter(myAdapter);
 	}
 	
 	private void findById(){
 		myLv = (ListView) this.findViewById(R.id.my_lv);
 		myDeleteBtn = (Button) this.findViewById(R.id.my_delete_btn);
 		
 		myDeleteBtn.setOnClickListener(this);
 	}
 	
 	@Override
 	public void onResume(){
 		super.onResume();
 	}
 	@Override
 	public boolean onCreateOptionsMenu(Menu menu) {
 
 		// Inflate the menu; this adds items to the action bar if it is present.
 		getMenuInflater().inflate(R.menu.main, menu);
 		return true;
 	}
 
 	@Override
 	public boolean onOptionsItemSelected(MenuItem item) {
 		// Handle action bar item clicks here. The action bar will
 		// automatically handle clicks on the Home/Up button, so long
 		// as you specify a parent activity in AndroidManifest.xml.
 		int id = item.getItemId();
 		if (id == R.id.action_settings) {
 			return true;
 		}
 		return super.onOptionsItemSelected(item);
 	}
 
 	/*
 	 * 根据isChecked,给选择的List中添加或删除数据
 	 * (non-Javadoc)
 	 * @see com.example.slideandselectdeletedemo.MyAdapter.ContentsDeleteListener#contentsDeleteSelect(int, boolean)
 	 */
 	@Override
 	public void contentsDeleteSelect(int position,boolean isChecked) {
 		if(isChecked){
 			mySelectedList.add(myContentsList.get(position));
 		}else{
 			mySelectedList.remove(myContentsList.get(position));
 		}
 	}
 	
 	/*
 	 * 删除指定位置的数据
 	 * (non-Javadoc)
 	 * @see com.example.slideandselectdeletedemo.MyAdapter.ContentsDeleteListener#contentDelete(int)
 	 */
 	@Override
 	public void contentDelete(int position) {
 		// TODO Auto-generated method stub
 		myContentsList.remove(position);
 	}
 
 	
 	@Override
 	public void onClick(View v) {
 		// TODO Auto-generated method stub
 		switch(v.getId()){
 		case R.id.my_delete_btn:
 			myContentsList.removeAll(mySelectedList);
 			myAdapter.updateView(myContentsList);
 			break;
 		}
 	}
 
 }

分析：其中mySelectedList主要用于存储CheckBox选中的列表信息。方便删除按钮进行选中的全部删除。

上述主要部分给出了注释。

源码地址：[http://download.csdn.net/detail/a123demi/7751141][http_download.csdn.net_detail_a123demi_7751141]

[20140813212420697]: /images/20220810/6c0061f3b9584d88aa6aeb327ccea083.png
[http_download.csdn.net_detail_a123demi_7751141]: http://download.csdn.net/detail/a123demi/7751141