Android 仿iPhone ListView拖动排序 按钮联动删除显示隐藏

//需要修改ListView类 重写onInterceptTouchEvent（）和onTouchEvent（）



//试验了另一种方法，改写ListView的每一行中拖曳图标的 onTouchEvent（），但效果不理想。



public class MainActivity extends Activity {



	DeleteAdapter deleteAdapter;

	DragListView listView;

	boolean bFlag;

	ImageButton button;



	@Override

	public void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		setContentView(R.layout.activity_main);



		deleteAdapter = new DeleteAdapter(this, getData());



		listView = (DragListView) findViewById(R.id.listView1);

		listView.setAdapter(deleteAdapter);



		button = (ImageButton) findViewById(R.id.imageButton1);

		bFlag = false;



		button.setOnClickListener(new OnClickListener() {



			@Override

			public void onClick(View arg0) {

				// TODO Auto-generated method stub

				if (!bFlag) {

					deleteAdapter.imgVisibility = true;					

					button.setPressed(true);

					bFlag = true;			

										

					deleteAdapter.notifyDataSetChanged();

					listView.setSelector(android.R.color.transparent);

				} else {

					deleteAdapter.imgVisibility = false;

					deleteAdapter.imgVisible = new boolean[deleteAdapter

							.getCount()];

					button.setPressed(false);

					bFlag = false;

					deleteAdapter.notifyDataSetChanged();

					listView.setSelector(android.R.drawable.list_selector_background);

				}

			}



		});



		listView.setOnItemClickListener(new OnItemClickListener() {



			@Override

			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,

					long arg3) {

				// TODO Auto-generated method stub

				if (bFlag) {

					if (deleteAdapter.imgDVisible) {

						deleteAdapter.imgDVisible = false;

						deleteAdapter.imgVisible = new boolean[deleteAdapter.getCount()];

						deleteAdapter.notifyDataSetChanged();

					}

				}

			}



		});

	}



	private List<HashMap<String, Object>> getData() {

		// 新建一个集合类，用于存放多条数据

		ArrayList<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();

		HashMap<String, Object> map = null;



		for (int i = 1; i <= 100; i++) {

			map = new HashMap<String, Object>();

			map.put("title", i);

			map.put("img", R.drawable.img);

			map.put("imgD", R.drawable.imgd);

			map.put("imgDrag", R.drawable.imgdrag);

			list.add(map);

		}



		return list;

	}



	@Override

	public boolean onCreateOptionsMenu(Menu menu) {

		getMenuInflater().inflate(R.menu.activity_main, menu);

		return true;

	}

}





<RelativeLayout 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" >



    <ImageButton

        android:id="@+id/imageButton1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentRight="true"

        android:layout_alignParentTop="true"

        android:src="@drawable/ic_launcher" />



    <com.example.test.DragListView

        android:id="@+id/listView1"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_alignParentRight="true"

        android:layout_below="@+id/imageButton1" 

       >

    </com.example.test.DragListView>



</RelativeLayout>





<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:orientation="horizontal" >



    <ImageView

        android:id="@+id/image"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:src="@drawable/img"

        android:visibility="invisible"

         />



    <TextView

        android:id="@+id/textView1"

        android:layout_width="150dp"

        android:layout_height="match_parent" />



    <ImageView

        android:id="@+id/imageDrag"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:src="@drawable/imgdrag" 

        android:visibility="invisible" 

        android:focusable="false"/>



    <ImageView

        android:id="@+id/imageD"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:src="@drawable/imgd"

        android:visibility="invisible"  />



</LinearLayout>





public class DeleteAdapter extends BaseAdapter {



	List<HashMap<String, Object>> text;

	Context context;

	private LayoutInflater mInflater;

	boolean imgVisibility = false;

	boolean imgVisible[] ;//记录删除按钮可见位置的标记数组  

	boolean imgDVisible = false;



	public DeleteAdapter(Context context, List<HashMap<String, Object>> text) {

		this.text = text;

		this.mInflater = LayoutInflater.from(context);

		imgVisible = new boolean[text.size()];

	}



	@Override

	public int getCount() {

		// TODO Auto-generated method stub

		return text.size();

	}



	@Override

	public Object getItem(int arg0) {

		// TODO Auto-generated method stub

		return text.get(arg0);

	}



	@Override

	public long getItemId(int arg0) {

		// TODO Auto-generated method stub

		return 0;

	}



	public void remove(Object object) {

		text.remove(object);

		notifyDataSetChanged();

	}



	@SuppressWarnings("unchecked")

	public void insert(Object object, int i) {

		text.add(i, (HashMap<String, Object>) object);

		notifyDataSetChanged();

	}



	@Override

	public View getView(final int arg0, View arg1, ViewGroup arg2) {

		// TODO Auto-generated method stub

		arg1 = mInflater.inflate(R.layout.listview_item, null);

		TextView textView = (TextView) arg1.findViewById(R.id.textView1);

		textView.setText(text.get(arg0).get("title").toString());

		final ImageView img = (ImageView) arg1.findViewById(R.id.image);

		img.setBackgroundResource((Integer) text.get(arg0).get("img"));

		final ImageView imgD = (ImageView) arg1.findViewById(R.id.imageD);

		imgD.setBackgroundResource((Integer) text.get(arg0).get("imgD"));

		final ImageView imgDrag = (ImageView) arg1.findViewById(R.id.imageDrag);

		imgDrag.setBackgroundResource((Integer) text.get(arg0).get("imgDrag"));



		if (imgVisibility) {

			img.setVisibility(View.VISIBLE);

			imgDrag.setVisibility(View.VISIBLE);				

		}

			

		

		if (imgVisibility && !imgDVisible ) {

			img.setVisibility(View.VISIBLE);

			imgD.setVisibility(View.INVISIBLE);

			imgDrag.setVisibility(View.VISIBLE);

			img.setClickable(true);

			img.setFocusable(true);

		}

		

		if (imgVisibility && imgDVisible && imgVisible[arg0]){

			img.setVisibility(View.INVISIBLE);

			imgD.setVisibility(View.VISIBLE);

		}



		img.setOnClickListener(new OnClickListener() {



			@Override

			public void onClick(View v) {

				// TODO Auto-generated method stub

//				imgD.setVisibility(View.VISIBLE);

//				img.setVisibility(View.INVISIBLE);

				imgVisible[arg0] = true;

				imgDVisible = true;	

				notifyDataSetChanged();			

				

			}



		});

		

		imgD.setOnClickListener(new OnClickListener() {



			@Override

			public void onClick(View v) {

				// TODO Auto-generated method stub

				text.remove(arg0);				

				imgDVisible = false;				

				imgVisible[arg0] = false;

				notifyDataSetChanged();

			}



		});



		if (imgVisibility && imgDVisible ) {

			img.setClickable(false);

			img.setFocusable(false);

		}	



		return arg1;

	}



}



//设置了 

 setClickable(false); 

//但是，按钮仍然会相应点击事件。后来发现

setOnClickListener//里的一段代码 

if (!isClickable()) { setClickable(true); } 

//这导致了

setOnClickListener之前的setClickable(false)//方法没有起作用。



//Button.setClickable() 要在Button.setOnClickListener()后设置，否则不管setClickable的值为//否，都为true







public class DragListView extends ListView {



	private ImageView dragImageView;// 被拖拽项的影像，其实就是一个ImageView

	private int dragSrcPosition;// 手指拖动项原始在列表中的位置

	private int dragPosition;// 手指拖动的时候，当前拖动项在列表中的位置



	private int dragPoint;// 在当前数据项中的位置

	private int dragOffset;// 当前视图和屏幕的距离(这里只使用了y方向上)



	private WindowManager windowManager;// windows窗口控制类

	private WindowManager.LayoutParams windowParams;// 用于控制拖拽项的显示的参数



	private int scaledTouchSlop;// 判断滑动的一个距离

	private int upScrollBounce;// 拖动的时候，开始向上滚动的边界

	private int downScrollBounce;// 拖动的时候，开始向下滚动的边界



	public DragListView(Context context, AttributeSet attrs) {

		super(context, attrs);

		// TODO Auto-generated constructor stub

		scaledTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();

	}



	@Override

	public boolean onInterceptTouchEvent(MotionEvent ev) {

		// 捕获down事件

		if (ev.getAction() == MotionEvent.ACTION_DOWN) {

			int x = (int) ev.getX();

			int y = (int) ev.getY();



			// 选中的数据项位置，使用ListView自带的pointToPosition(x, y)方法

			dragSrcPosition = dragPosition = pointToPosition(x, y);

			// 如果是无效位置(超出边界，分割线等位置)，返回

			if (dragPosition == AdapterView.INVALID_POSITION) {

				return super.onInterceptTouchEvent(ev);

			}



			// 获取选中项View

			// getChildAt(int position)显示display在界面的position位置的View

			// getFirstVisiblePosition()返回第一个display在界面的view在adapter的位置position，可能是0，也可能是4

			ViewGroup itemView = (ViewGroup) getChildAt(dragPosition

					- getFirstVisiblePosition());



			// dragPoint点击位置在点击View内的相对位置

			// dragOffset屏幕位置和当前ListView位置的偏移量，这里只用到y坐标上的值

			// 这两个参数用于后面拖动的开始位置和移动位置的计算

			dragPoint = y - itemView.getTop();

			dragOffset = (int) (ev.getRawY() - y);



			// 获取右边的拖动图标，这个对后面分组拖拽有妙用

			View dragger = itemView.findViewById(R.id.imageDrag);

			DeleteAdapter deleteAdapter = (DeleteAdapter) getAdapter();

			// 如果在右边位置（拖拽图片左边的20px的右边区域）

			if (dragger != null && x > dragger.getLeft() 

					&& x < dragger.getRight() 

					&& !deleteAdapter.imgDVisible) {

				// 准备拖动

				// 初始化拖动时滚动变量

				// scaledTouchSlop定义了拖动的偏差位(一般+-10)

				// upScrollBounce当在屏幕的上部(上面1/3区域)或者更上的区域，执行拖动的边界，downScrollBounce同理定义

				upScrollBounce = Math.min(y - scaledTouchSlop, getHeight() / 3);

				downScrollBounce = Math.max(y + scaledTouchSlop,

						getHeight() * 2 / 3);



				// 设置Drawingcache为true，获得选中项的影像bm，就是后面我们拖动的哪个头像

				itemView.setDrawingCacheEnabled(true);

				Bitmap bm = Bitmap.createBitmap(itemView.getDrawingCache());



				// 准备拖动影像(把影像加入到当前窗口，并没有拖动，拖动操作我们放在onTouchEvent()的move中执行)

				startDrag(bm, y);

			}

			return false;

		}

		return super.onInterceptTouchEvent(ev);

	}



	public void startDrag(Bitmap bm, int y) {

		// 释放影像，在准备影像的时候，防止影像没释放，每次都执行一下

		stopDrag();



		windowParams = new WindowManager.LayoutParams();

		// 从上到下计算y方向上的相对位置，

		windowParams.gravity = Gravity.TOP;

		windowParams.x = 0;

		windowParams.y = y - dragPoint + dragOffset;

		windowParams.width = WindowManager.LayoutParams.WRAP_CONTENT;

		windowParams.height = WindowManager.LayoutParams.WRAP_CONTENT;

		// 下面这些参数能够帮助准确定位到选中项点击位置，照抄即可

		windowParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE

				| WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE

				| WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON

				| WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN;

		windowParams.format = PixelFormat.TRANSLUCENT;

		windowParams.windowAnimations = 0;



		// 把影像ImagView添加到当前视图中

		ImageView imageView = new ImageView(getContext());

		imageView.setImageBitmap(bm);

		windowManager = (WindowManager) getContext().getSystemService("window");

		windowManager.addView(imageView, windowParams);

		// 把影像ImageView引用到变量drawImageView，用于后续操作(拖动，释放等等)

		dragImageView = imageView;

	}



	public void stopDrag() {

		if (dragImageView != null) {

			windowManager.removeView(dragImageView);

			dragImageView = null;

		}

	}



	@Override

	public boolean onTouchEvent(MotionEvent ev) {

		// 如果dragmageView为空，说明拦截事件中已经判定仅仅是点击，不是拖动，返回

		// 如果点击的是无效位置，返回，需要重新判断

		if (dragImageView != null && dragPosition != INVALID_POSITION) {

			int action = ev.getAction();

			switch (action) {

			case MotionEvent.ACTION_UP:

				int upY = (int) ev.getY();

				// 释放拖动影像

				stopDrag();

				// 放下后，判断位置，实现相应的位置删除和插入

				onDrop(upY);

				break;

			case MotionEvent.ACTION_MOVE:

				int moveY = (int) ev.getY();

				// 拖动影像

				onDrag(moveY);

				break;

			default:

				break;

			}

			return true;

		}

		// 这个返回值能够实现selected的选中效果，如果返回true则无选中效果

		return super.onTouchEvent(ev);

	}



	public void onDrag(int y) {

		if (dragImageView != null) {

			windowParams.alpha = 0.8f;

			windowParams.y = y - dragPoint + dragOffset;

			windowManager.updateViewLayout(dragImageView, windowParams);

		}

		// 为了避免滑动到分割线的时候，返回-1的问题

		int tempPosition = pointToPosition(0, y);

		if (tempPosition != INVALID_POSITION) {

			dragPosition = tempPosition;

		}



		// 滚动

		int scrollHeight = 0;

		if (y < upScrollBounce) {

			scrollHeight = 8;// 定义向上滚动8个像素，如果可以向上滚动的话

		} else if (y > downScrollBounce) {

			scrollHeight = -8;// 定义向下滚动8个像素，，如果可以向上滚动的话

		}



		if (scrollHeight != 0) {

			// 真正滚动的方法setSelectionFromTop()

			setSelectionFromTop(dragPosition,

					getChildAt(dragPosition - getFirstVisiblePosition())

							.getTop() + scrollHeight);

		}

	}

	

	public void onDrop(int y){

	     

	    //获取放下位置在数据集合中position

	    //定义临时位置变量为了避免滑动到分割线的时候，返回-1的问题，如果为-1，则不修改dragPosition的值，急需执行，达到跳过无效位置的效果

	    int tempPosition = pointToPosition(0, y);

	    if(tempPosition!=INVALID_POSITION){

	        dragPosition = tempPosition;

	    }

	     

	    //超出边界处理

	    if(y<getChildAt(0).getTop()){

	        //超出上边界，设为最小值位置0

	        dragPosition = 0;

	    }else if(y>getChildAt(getChildCount()-1).getBottom()){

	        //超出下边界，设为最大值位置，注意哦，如果大于可视界面中最大的View的底部则是越下界，所以判断中用getChildCount()方法

	        //但是最后一项在数据集合中的position是getAdapter().getCount()-1，这点要区分清除

	        dragPosition = getAdapter().getCount()-1;

	    }

	     

	    //数据更新

	    if(dragPosition>0&&dragPosition<getAdapter().getCount()){

	        

	        DeleteAdapter adapter = (DeleteAdapter)getAdapter();

	        Object dragItem = adapter.getItem(dragSrcPosition);

	        //删除原位置数据项

	        adapter.remove(dragItem);

	        //在新位置插入拖动项

	        adapter.insert(dragItem, dragPosition);

	    }

	}

}