自定义仿QQ侧滑删除

效果图

1.自定义listview

public class DragDelListView extends ListView {

    private boolean moveable=false;
    private boolean closed=true;
    private float mDownX,mDownY;
    private int mTouchPosition,oldPosition=-1;
    private DragDelItem mTouchView,oldView;
    private Context context;
    public DragDelListView(Context context) {
        super(context);
        init(context);
    }
    public DragDelListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(context);
    }
    public DragDelListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }
    private void init(Context context) {
        this.context=context;
    }


    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:
            mTouchPosition = pointToPosition((int) ev.getX(), (int) ev.getY());
            mTouchView=(DragDelItem)getChildAt(mTouchPosition - getFirstVisiblePosition());
            mDownX = ev.getX();
            mDownY=ev.getY();
            if(oldPosition==mTouchPosition ||closed)
            {
                moveable=true;
                mTouchView.mDownX =(int)mDownX;
            }else
            {
                moveable=false;
                if(oldView!=null)
                {
                    oldView.smoothCloseMenu();
                }
            }
            oldPosition=mTouchPosition;
            oldView=mTouchView;
            break;
        case MotionEvent.ACTION_MOVE:
            if (Math.abs(mDownX-ev.getX()) < Math.abs(mDownY-ev.getY()) * dp2px(2)) {
                break;  
            }  
            if (moveable) 
            {
                int dis = (int) (mTouchView.mDownX -ev.getX());
                if(mTouchView.state==mTouchView.STATE_OPEN)
                    dis+=mTouchView.mMenuView.getWidth();
                mTouchView.swipe(dis);
                ev.setAction(MotionEvent.ACTION_CANCEL);
            }

            break;
        case MotionEvent.ACTION_UP:

            if (moveable) 
            {
                if ((mTouchView.mDownX -ev.getX()) > (mTouchView.mMenuView.getWidth()/2)) {
                    // open
                    mTouchView.smoothOpenMenu();
                    closed=false;
                } else {
                    // close
                    mTouchView.smoothCloseMenu();
                    closed=true;
                }
                ev.setAction(MotionEvent.ACTION_CANCEL);
            }
            break;
        }
        return super.onTouchEvent(ev);
    }

    private int dp2px(int dp) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp,
                getContext().getResources().getDisplayMetrics());
    }


}

2.自定义滑动条目

public class DragDelItem extends LinearLayout {

    public static final int STATE_CLOSE = 0;
    public static final int STATE_OPEN = 1;
    private View mContentView;
    public View mMenuView;
    public int mDownX;
    public int state = STATE_CLOSE;
    public boolean isFling;
    private int mBaseX;
    private Scroller scroll;

    public DragDelItem(View contentView, View menuView) {
        super(contentView.getContext());
        scroll=new Scroller(getContext());
        mContentView = contentView;
        mMenuView = menuView;
        init();
    }

    private DragDelItem(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    private DragDelItem(Context context) {
        super(context);
    }


    private void init() {
        setLayoutParams(new AbsListView.LayoutParams(LayoutParams.MATCH_PARENT,
                LayoutParams.WRAP_CONTENT));
        LayoutParams contentParams = new LayoutParams(
                LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
        mContentView.setLayoutParams(contentParams);

        mMenuView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,
                LayoutParams.WRAP_CONTENT));

        addView(mContentView);
        addView(mMenuView);

    }


    public void swipe(int dis) {
        if (dis > mMenuView.getWidth()) {
            dis = mMenuView.getWidth();
        }
        if (dis < 0) {
            dis = 0;
        }
        mContentView.layout(-dis, mContentView.getTop(),
                mContentView.getWidth() - dis, getMeasuredHeight());
        mMenuView.layout(mContentView.getWidth() - dis, mMenuView.getTop(),
                mContentView.getWidth() + mMenuView.getWidth() - dis,
                mMenuView.getBottom());
    }

    @Override
    public void computeScroll() {
        if (state == STATE_OPEN) {
            if (scroll.computeScrollOffset()) {
                swipe(scroll.getCurrX());
                postInvalidate();
            }
        } else {
            if (scroll.computeScrollOffset()) {
                swipe(mBaseX - scroll.getCurrX());
                postInvalidate();
            }
        }
    }

    public void smoothCloseMenu() {
        state = STATE_CLOSE;
        mBaseX = -mContentView.getLeft();
        scroll.startScroll(0, 0, mBaseX, 0, 350);
        postInvalidate();
    }

    public void smoothOpenMenu() {

        state = STATE_OPEN;
        scroll.startScroll(-mContentView.getLeft(), 0,
                mMenuView.getWidth()/2, 0, 350);
        postInvalidate();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        mMenuView.measure(MeasureSpec.makeMeasureSpec(0,
                MeasureSpec.UNSPECIFIED), MeasureSpec.makeMeasureSpec(
                getMeasuredHeight(), MeasureSpec.EXACTLY));
        mContentView.measure(MeasureSpec.makeMeasureSpec(0,
                MeasureSpec.UNSPECIFIED), MeasureSpec.makeMeasureSpec(
                getMeasuredHeight(), MeasureSpec.EXACTLY));

    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        mContentView.layout(0, 0, getMeasuredWidth(),
                mContentView.getMeasuredHeight());
        mMenuView.layout(getMeasuredWidth(), 0,
                getMeasuredWidth() + mMenuView.getMeasuredWidth(),
                mContentView.getMeasuredHeight());

    }

}

3.所用到的布局文件
—swipecontent.xml代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rl_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#999999"
    android:padding="8dp" >
        <ImageView
            android:id="@+id/iv_icon"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:src="@drawable/ic_launcher" />

        <TextView
            android:id="@+id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@+id/iv_icon"
            android:text="name"
            android:textColor="@android:color/black"
            android:textSize="18sp" />
</RelativeLayout>

—swipemenu.xml代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    >

    <TextView
        android:id="@+id/tv_open"
        android:layout_width="90dp"
        android:layout_height="match_parent"
        android:gravity="center"
        android:background="#C2C2C2"
        android:text="置顶"
        android:textColor="@android:color/white"
        android:textSize="18sp" />
    <TextView
        android:id="@+id/tv_del"
        android:layout_width="90dp"
        android:layout_height="match_parent"
        android:gravity="center"
        android:background="#FF0000"
        android:text="删除"
        android:textColor="@android:color/white"
        android:textSize="18sp" />

</LinearLayout>

4.主界面代码

public class MainActivity extends Activity {
    private List<ApplicationInfo> mAppList;
    private DragDelListView mListView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list);

        mAppList = getPackageManager().getInstalledApplications(0);
        mListView = (DragDelListView) findViewById(R.id.listView);
        mListView.setAdapter(new AppAdapter(mAppList));
    }
    class AppAdapter extends BaseAdapter {
        private List<ApplicationInfo> mAppList;
        public AppAdapter(List<ApplicationInfo> appList)
        {
            mAppList=appList;
        }
        @Override
        public int getCount() {
            return mAppList.size();
        }

        @Override
        public ApplicationInfo getItem(int position) {
            return mAppList.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {

            ViewHolder holder=null;
            View menuView=null;
            if (convertView == null) {
                convertView = View.inflate(getApplicationContext(),
                        R.layout.swipecontent, null);
                menuView = View.inflate(getApplicationContext(),
                        R.layout.swipemenu, null);
                convertView = new DragDelItem(convertView,menuView);
                holder=new ViewHolder(convertView);
            } else {
                holder = (ViewHolder) convertView.getTag();
            }
                ApplicationInfo item = getItem(position);
                holder.iv_icon.setImageDrawable(item.loadIcon(getPackageManager()));
                holder.tv_name.setText(item.loadLabel(getPackageManager()));
                holder.tv_open.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View arg0) {
                        Toast.makeText(MainActivity.this, "置顶:"+position, Toast.LENGTH_SHORT).show();
                    }
                });
                holder.tv_del.setOnClickListener(new View.OnClickListener() {

                    @Override
                    public void onClick(View arg0) {
                        Toast.makeText(MainActivity.this, "删除:"+position, Toast.LENGTH_SHORT).show();
                    }
                });
            return convertView;
        }

        class ViewHolder {
            ImageView iv_icon;
            TextView tv_name;
            TextView tv_open,tv_del;
            RelativeLayout relativeLayout;
            public ViewHolder(View view) {
                iv_icon = (ImageView) view.findViewById(R.id.iv_icon);
                tv_name = (TextView) view.findViewById(R.id.tv_name);
                tv_open=(TextView)view.findViewById(R.id.tv_open);
                tv_del=(TextView)view.findViewById(R.id.tv_del);
                relativeLayout = (RelativeLayout) view.findViewById(R.id.rl_layout);
                //改变relativeLayout宽度
                WindowManager wm = (WindowManager) getApplicationContext().getSystemService(Context.WINDOW_SERVICE);
                int width = wm.getDefaultDisplay().getWidth();
                relativeLayout.setMinimumWidth(width-60);
                view.setTag(this);
            }
        }
    }
}

主界面布局代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

        <com.draglistview.DragDelListView
            android:id="@+id/listView"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

</RelativeLayout>