Android SwipeListView 实现ListView的滑动删除效果

今天在github上发现一个非常不错的开源项目 SwipeListView ，官网地址：https://github.com/47deg/android-swipelistview。

它可以实现ListView的滑动相关的一些效果，例如类似微信 ListView滑动删除效果等等，自己写了一个Demo Mark 一下。



activity_main.xml

[html] view
plaincopy





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

xmlns:swipe="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@color/background_app"

android:orientation="vertical" >

<com.fortysevendeg.swipelistview.SwipeListView

android:id="@+id/mSwipeListView"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:listSelector="#00000000"

swipe:swipeBackView="@+id/back"

swipe:swipeCloseAllItemsWhenMoveList="true"

swipe:swipeDrawableChecked="@drawable/choice_selected"

swipe:swipeDrawableUnchecked="@drawable/choice_unselected"

swipe:swipeFrontView="@+id/front"

swipe:swipeMode="both" />

</LinearLayout>

BookAdapter.java

[java] view
plaincopy





package com.exampleswipelistviewtest.adapter;

import java.util.List;

import android.content.Context;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.Button;

import android.widget.ImageView;

import android.widget.TextView;

import android.widget.Toast;

import com.exampleswipelistviewtest.R;

import com.exampleswipelistviewtest.entity.Book;

import com.fortysevendeg.swipelistview.SwipeListView;

public class BookAdapter extends BaseAdapter {

private List<Book> data;

private Context context;

private LayoutInflater minInflater;

public BookAdapter(Context context, List<Book> data) {

this.context = context;

this.data = data;

minInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

}

@Override

public int getCount() {

return data.size();

}

@Override

public Book getItem(int position) {

return data.get(position);

}

@Override

public long getItemId(int position) {

return position;

}

@Override

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

final Book item = getItem(position);

ViewHolder holder;

if (convertView == null) {

convertView = minInflater.inflate(R.layout.package_row, parent, false);

holder = new ViewHolder();

holder.ivLogo = (ImageView) convertView.findViewById(R.id.iv_logo);

holder.tvTitle = (TextView) convertView.findViewById(R.id.tv_title);

holder.tvDescription = (TextView) convertView.findViewById(R.id.tv_description);

holder.btDelete = (Button) convertView.findViewById(R.id.bt_delete);

holder.btEdit = (Button) convertView.findViewById(R.id.bt_edit);

convertView.setTag(holder);

} else {

holder = (ViewHolder) convertView.getTag();

}

((SwipeListView)parent).recycle(convertView, position);

holder.ivLogo.setImageResource(item.getLogo());

holder.tvTitle.setText(item.getName());

holder.tvDescription.setText(item.getDesc());

holder.btDelete.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(context, R.string.delete, Toast.LENGTH_SHORT).show();

}

});

holder.btEdit.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(context, R.string.edit, Toast.LENGTH_SHORT).show();

}

});

return convertView;

}

static class ViewHolder {

ImageView ivLogo;

TextView tvTitle;

TextView tvDescription;

Button btEdit;

Button btDelete;

}

}

MainActivity.java

[java] view
plaincopy





package com.exampleswipelistviewtest;

import java.util.ArrayList;

import android.app.Activity;

import android.os.Bundle;

import android.util.Log;

import com.exampleswipelistviewtest.adapter.BookAdapter;

import com.exampleswipelistviewtest.entity.Book;

import com.fortysevendeg.swipelistview.BaseSwipeListViewListener;

import com.fortysevendeg.swipelistview.SwipeListView;

public class MainActivity extends Activity {

private static final String TAG = MainActivity.class.getSimpleName();

private ArrayList<Book> data = new ArrayList<Book>();

private BookAdapter mAdapter;

private SwipeListView mSwipeListView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initData();

findView();

}

private void initData() {

for(int i=0;i<20;i++){

Book book = new Book();

book.setLogo(R.drawable.ic_launcher);

book.setName("研磨设计模式 "+i);

book.setDesc("一本好书 "+i);

data.add(book);

}

}

private void findView() {

mAdapter = new BookAdapter(this, data);

mSwipeListView = (SwipeListView) findViewById(R.id.mSwipeListView);

mSwipeListView.setSwipeListViewListener(new BaseSwipeListViewListener() {

@Override

public void onStartOpen(int position, int action,

boolean right) {

Log.d(TAG, "onStartOpen");

}

@Override

public void onStartClose(int position, boolean right) {

Log.d(TAG, "onStartClose");

}

@Override

public void onClickFrontView(int position) {

Log.d(TAG, "onClickFrontView");

}

@Override

public void onClickBackView(int position) {

Log.d(TAG, "onClickBackView");

}

@Override

public void onDismiss(int[] reverseSortedPositions) {

Log.d(TAG, "onDismiss");

for (int position : reverseSortedPositions) {

data.remove(position);

}

mAdapter.notifyDataSetChanged();

}

});

mSwipeListView.setAdapter(mAdapter);

mSwipeListView.setSwipeMode(SwipeListView.SWIPE_MODE_BOTH);

mSwipeListView.setSwipeActionLeft(SwipeListView.SWIPE_ACTION_REVEAL);

mSwipeListView.setSwipeActionRight(SwipeListView.SWIPE_ACTION_REVEAL);

mSwipeListView.setOffsetLeft(getResources().getDimension(R.dimen.left_offset));

mSwipeListView.setOffsetRight(getResources().getDimension(R.dimen.right_offset));

mSwipeListView.setAnimationTime(200);

mSwipeListView.setSwipeOpenOnLongPress(true);

}

}

细节不多说了，自己可以去看官网文档

XML Usage

If you decide to use SwipeListView as a view, you can define it in your xml layout like this:

<com.fortysevendeg.swipelistview.SwipeListView
xmlns:swipe="http://schemas.android.com/apk/res-auto"
android:id="@+id/example_lv_list"
android:listSelector="#00000000"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
swipe:swipeFrontView="@+id/front"
swipe:swipeBackView="@+id/back"
swipe:swipeActionLeft="[reveal | dismiss]"
swipe:swipeActionRight="[reveal | dismiss]"
swipe:swipeMode="[none | both | right | left]"
swipe:swipeCloseAllItemsWhenMoveList="[true | false]"
swipe:swipeOpenOnLongPress="[true | false]"
swipe:swipeAnimationTime="[miliseconds]"
swipe:swipeOffsetLeft="[dimension]"
swipe:swipeOffsetRight="[dimension]"
/>

swipeFrontView

- Required -
front view id.

swipeBackView

- Required -
back view id.

swipeActionLeft

- Optional - left swipe
action Default: 'reveal'

swipeActionRight

- Optional - right
swipe action Default: 'reveal'

swipeMode

- Gestures to enable or 'none'.
Default: 'both'

swipeCloseAllItemsWhenMoveList

- Close
revealed items on list motion. Default: 'true'

swipeOpenOnLongPress

- Reveal on long
press Default: 'true'

swipeAnimationTime

- item drop animation
time. Default: android configuration

swipeOffsetLeft

- left offset

swipeOffsetRight

- right offset