微信QQ侧拉删除的条目SwipeLayout与SwipeListview介绍

最近项目用到了测拉菜单，类似于微信与QQ的形似，自己研究了一下，主要是自定义View与ViewDragHelper，实现起来非常容易，但是扩展性不好，这里介绍一个git上的SwipeLayout。附上git地址：https://github.com/daimajia/AndroidSwipeLayout/wiki/usage

public class MainActivity extends AppCompatActivity {
    private ArrayList<String> lists = new ArrayList<String>();
    private ListView lv;
    public SwipeLayout mSwipeLayout;
    public ArrayList<SwipeLayout> swipeLayoutArrayList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.layout_lv);
        swipeLayoutArrayList = new ArrayList<SwipeLayout>();
        lv = (ListView) findViewById(R.id.lv);
        for (int i = 0; i < 50; i++) {
            lists.add("hello" + i);
        }
        lv.setAdapter(new GridViewAdapter());
        lv.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {

            }

            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
                if (swipeLayoutArrayList.size() > 0) {
                    for (int i = 0; i < swipeLayoutArrayList.size(); i++) {
                        swipeLayoutArrayList.get(i).close();
                    }
                }
            }
        });
    }

    public class GridViewAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            return lists.size();
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

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

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
           View view = View.inflate(MainActivity.this, R.layout.activity_main, null);
            TextView tv = (TextView) view.findViewById(R.id.tv);
            tv.setText(lists.get(position));
            TextView delete = (TextView) view.findViewById(R.id.delete);
            TextView remark = (TextView) view.findViewById(R.id.remark);
            delete.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    System.out.println("delete");
                }
            });
            remark.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    System.out.println("remark");
                }
            });
            SwipeLayout swipeLayout = (SwipeLayout) view.findViewById(R.id.sample1);
            swipeLayout.setShowMode(SwipeLayout.ShowMode.LayDown);
            swipeLayout.setClickToClose(true);
            swipeLayout.addDrag(SwipeLayout.DragEdge.Right, view.findViewById(R.id.bottom_wrapper));
            swipeLayout.addSwipeListener(new SwipeLayout.SwipeListener() {
                @Override
                public void onClose(SwipeLayout layout) {
                    //when the SurfaceView totally cover the BottomView.
                    swipeLayoutArrayList.remove(layout);
                    System.out.println("onClose");
                }

                @Override
                public void onUpdate(SwipeLayout layout, int leftOffset, int topOffset) {
                    //you are swiping.
                    // System.out.println("onUpdate");
                }

                @Override
                public void onStartOpen(SwipeLayout layout) {
                    if (swipeLayoutArrayList.size() > 0) {
                        for (int i = 0; i < swipeLayoutArrayList.size(); i++) {
                            swipeLayoutArrayList.get(i).close();
                        }
                    }
                    System.out.println("onStartOpen");
                }

                @Override
                public void onOpen(SwipeLayout layout) {
                    //when the BottomView totally show.
                    swipeLayoutArrayList.add(layout);
                    System.out.println("onOpen");
                }

                @Override
                public void onStartClose(SwipeLayout layout) {
                    System.out.println("onStartClose");
                }

                @Override
                public void onHandRelease(SwipeLayout layout, float xvel, float yvel) {
                    //when user's hand released.
                    System.out.println("onHandRelease");
                }
            });
            return view;
        }
    }
}

<?xml version="1.0" encoding="utf-8"?>
<com.daimajia.swipe.SwipeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="80dp"
    android:id="@+id/sample1">
    <!-- Bottom View Start-->
    <LinearLayout
        android:background="#66ddff00"
        android:id="@+id/bottom_wrapper"
        android:layout_width="160dp"
        android:weightSum="2"
        android:orientation="horizontal"
        android:layout_height="match_parent">
        <TextView
            android:id="@+id/delete"
            android:layout_weight="1"
            android:textSize="22sp"
            android:text="删除"
            android:gravity="center"
            android:layout_width="wrap_content"
            android:layout_height="match_parent" />
        <TextView
            android:id="@+id/remark"
            android:layout_weight="1"
            android:textSize="22sp"
            android:text="备注"
            android:gravity="center"
            android:layout_width="wrap_content"
            android:layout_height="match_parent" />
        <!--What you want to show-->
    </LinearLayout>
    <!-- Bottom View End-->

    <!-- Surface View Start -->
    <LinearLayout
        android:padding="10dp"
        android:background="#ffffff"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">
        <!--What you want to show in SurfaceView-->
    <TextView
        android:id="@+id/tv"
        android:textSize="22sp"
        android:gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    </LinearLayout>
    <!-- Surface View End -->
</com.daimajia.swipe.SwipeLayout>

XML文件注意FrontView与BackView的位置。

package com.example.jiangwei18.myswipelayout;

import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;

import com.daimajia.swipe.SimpleSwipeListener;
import com.daimajia.swipe.SwipeLayout;
import com.daimajia.swipe.adapters.BaseSwipeAdapter;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {
    private ArrayList<String> lists = new ArrayList<String>();
    private ListView lv;
    public ArrayList<SwipeLayout> swipeLayoutArrayList;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.layout_lv);
        swipeLayoutArrayList = new ArrayList<SwipeLayout>();
        lv = (ListView) findViewById(R.id.lv);

        lv.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {

            }

            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
                if(swipeLayoutArrayList.size()>0){
                    for(int i =0;i<swipeLayoutArrayList.size();i++){
                        swipeLayoutArrayList.get(i).close();
                    }
                    swipeLayoutArrayList.clear();
                }
            }
        });
        lv.setAdapter(new GridViewAdapter(MainActivity.this));
        for (int i = 0; i < 50; i++) {
            lists.add("hello" + i);
        }
    }
    public class GridViewAdapter extends BaseSwipeAdapter {

        private Context mContext;

        public GridViewAdapter(Context mContext) {
            this.mContext = mContext;
        }

        @Override
        public int getSwipeLayoutResourceId(int position) {
            return R.id.sample1;
        }

        //ATTENTION: Never bind listener or fill values in generateView.
        //           You have to do that in fillValues method.
        @Override
        public View generateView(int position, ViewGroup parent) {
            return LayoutInflater.from(mContext).inflate(R.layout.activity_main, null);
        }

        @Override
        public void fillValues(int position, View convertView) {
            TextView t = (TextView)convertView.findViewById(R.id.tv);
            t.setText(lists.get(position));
            SwipeLayout mSwipeLayout = (SwipeLayout) convertView.findViewById(getSwipeLayoutResourceId(position));
            mSwipeLayout.addDrag(SwipeLayout.DragEdge.Right, convertView.findViewById(R.id.bottom_wrapper));
            mSwipeLayout.setClickToClose(true);
            mSwipeLayout.setShowMode(SwipeLayout.ShowMode.LayDown);
            mSwipeLayout.addSwipeListener(new SimpleSwipeListener(){
                @Override
                public void onStartOpen(SwipeLayout layout) {
                    super.onStartOpen(layout);
                }

                @Override
                public void onHandRelease(SwipeLayout layout, float xvel, float yvel) {
                    super.onHandRelease(layout, xvel, yvel);
                }

                @Override
                public void onUpdate(SwipeLayout layout, int leftOffset, int topOffset) {
                    super.onUpdate(layout, leftOffset, topOffset);
                }

                @Override
                public void onClose(SwipeLayout layout) {
                    super.onClose(layout);
                }

                @Override
                public void onStartClose(SwipeLayout layout) {
                    super.onStartClose(layout);
                }

                @Override
                public void onOpen(SwipeLayout layout) {
                    swipeLayoutArrayList.add(layout);
                    super.onOpen(layout);
                }
            });
            TextView delete = (TextView) convertView.findViewById(R.id.delete);
            TextView remark = (TextView) convertView.findViewById(R.id.remark);
            delete.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    System.out.println("delete");
                }
            });
            remark.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    System.out.println("remark");
                }
            });
        }

        @Override
        public int getCount() {
            return lists.size();
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

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