微信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.addSwipeL
b72f
istener(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;
}
}
}