android自定义listview滑动删除

今天实现类似于qq的滑动删除效果，当然也有开源的项目swipelistview可以直接拿来使用，今天自定义一个滑动删除的案例。

首先编写用于删除滑动效果的文件

在res目录下新建anim文件夹，新建pop_in.xml和pop_out.xml文件

pop_in.xml

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

pop_out.xml

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

<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">然后编写自定义的listview，QQListView.java</span>

<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span><pre name="code" class="java">package com.example.listviewdelete;import android.content.Context;import android.util.AttributeSet;import android.view.Gravity;import android.view.LayoutInflater;import android.view.MotionEvent;import android.view.View;import android.view.ViewConfiguration;import android.widget.Button;import android.widget.ListView;import android.widget.PopupWindow;public class QQListView extends ListView {private static final String TAG = "QQlistView";//用户滑动的最小距离private int touchSlop;//是否相应滑动private boolean isSliding;//手指按下时的x坐标private int xDown;//手指按下时的y坐标private int yDown;//手指移动时的x坐标private int xMove;//手指移动时的y坐标private int yMove;private LayoutInflater minflater;private PopupWindow mPopupWindow;private int mPopupWindowHeight;private int mPopupWindowWidth;private Button mDelBtn;//为删除按钮提供一个回调接口private DelButtonClickListener mListener;//当前手指触摸的viewprivate View mCurrentView;//当前手指触摸的位置private int mCurrentViewPos;interface DelButtonClickListener {public void clickHappend(int position);}/** * 必要的一些初始化 * @param context * @param attrs */public QQListView(Context context, AttributeSet attrs) {super(context, attrs);minflater = LayoutInflater.from(context);touchSlop = ViewConfiguration.get(context).getScaledEdgeSlop();View view = minflater.inflate(R.layout.delete_btn,null);mDelBtn = (Button) view.findViewById(R.id.id_item_btn);mPopupWindow = new PopupWindow(view,android.view.ViewGroup.LayoutParams.WRAP_CONTENT,android.view.ViewGroup.LayoutParams.WRAP_CONTENT);/** * 先调用晓measure，否则拿不到宽和高 */mPopupWindow.getContentView().measure(0, 0);mPopupWindowHeight = mPopupWindow.getContentView().getMeasuredHeight();mPopupWindowWidth = mPopupWindow.getContentView().getMeasuredWidth();}@Overridepublic boolean dispatchTouchEvent(MotionEvent ev) {// TODO Auto-generated method stubint action = ev.getAction();int x = (int) ev.getX();int y = (int) ev.getY();switch (action) {case MotionEvent.ACTION_DOWN:xDown = x;yDown = y;/** * 如果当前popwindow显示，则直接隐藏，然后屏蔽listview的touch事件的下传 */if (mPopupWindow.isShowing()) {dismissPopWindow();return false;}//获得当前手指按下时的item位置mCurrentViewPos = pointToPosition(xDown, yDown);//获得当前手指按下时的itemView view = getChildAt(mCurrentViewPos-getFirstVisiblePosition());mCurrentView = view;break;case MotionEvent.ACTION_MOVE:xMove = x;yMove = y;int dx = xMove - xDown;int dy = yMove - yDown;/** * 判断是否是从右到左的滑动 */if (xMove < xDown && Math.abs(dx) > touchSlop && Math.abs(dy) < touchSlop) {isSliding = true;}default:break;}return super.dispatchTouchEvent(ev);}@Overridepublic boolean onTouchEvent(MotionEvent ev) {// TODO Auto-generated method stubint action = ev.getAction();/** * 如果是从右到左的滑动才响应 */if (isSliding) {switch (action) {case MotionEvent.ACTION_MOVE:int []location = new int[2];//获得当前item的位置x与ymCurrentView.getLocationInWindow(location);//设置popupwindow的动画mPopupWindow.setAnimationStyle(R.style.btnshow);mPopupWindow.update();mPopupWindow.showAtLocation(mCurrentView,Gravity.LEFT|Gravity.TOP,location[0]+mCurrentView.getWidth(),location[1]+mCurrentView.getHeight()/2-mPopupWindowHeight/2);//设置删除按钮回调mDelBtn.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View arg0) {// TODO Auto-generated method stubif (mListener != null) {mListener.clickHappend(mCurrentViewPos);mPopupWindow.dismiss();}}});break;case MotionEvent.ACTION_UP:isSliding = false;default:break;}return true;}return super.onTouchEvent(ev);}/** * 隐藏popupwindow */private void dismissPopWindow() {if (null != mPopupWindow && mPopupWindow.isShowing()) {mPopupWindow.dismiss();}}public DelButtonClickListener getmListener() {return mListener;}public void setmListener(DelButtonClickListener mListener) {this.mListener = mListener;}}

最后在MainActivity的布局文件中，引用自定义的listview

<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span><pre name="code" class="html"><span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">activity_main.xml</span>

<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"    tools:context=".MainActivity" >   <com.example.listviewdelete.QQListView       android:id="@+id/id_listview"       android:layout_width="match_parent"       android:layout_height="wrap_content"       >   </com.example.listviewdelete.QQListView></RelativeLayout>

最后在MainActivity中实现具体的控制效果

<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">MainActivity.java</span>

<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span><pre name="code" class="java">public class MainActivity extends Activity {private QQListView mListView;private ArrayAdapter<String>mAdapter;private List<String>mDatas;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mListView = (QQListView) findViewById(R.id.id_listview);//不要直接arrays.aslistmDatas = new ArrayList<String>(Arrays.asList("hello world","welcome","java","android","struts","hello world","welcome","java","android"));mAdapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,mDatas);mListView.setAdapter(mAdapter);mListView.setmListener(new DelButtonClickListener() {@Overridepublic void clickHappend(int position) {// TODO Auto-generated method stubmAdapter.remove(mAdapter.getItem(position));}});mListView.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> arg0, View arg1, int arg2,long arg3) {// TODO Auto-generated method stubToast.makeText(MainActivity.this,arg2+":"+mAdapter.getItem(arg2),1000).show();}});}}

<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span>

<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span>