Android listview 侧滑 SwipeListView 详解实现微信，QQ等滑动删除效果

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/28508769

今天看别人项目，看到别人使用了SwipeListView，Google一把，果然github上的，也参考了csdn上的几篇文章，然后自己写了个例子，分享给大家。

效果图：

嗯，看一眼SwipeListView的参数的设置：

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. 即ListView Item正常显示的控件Id，且必须与Item的布局文件中的控件id一样
swipeBackView - Required - back view id. 手指滑动时显示的，隐藏在FrontView后面，且必须与item的布局文件中控件Id一样
swipeActionLeft - Optional - left swipe action Default: ‘reveal‘ 左滑的动作，默认reveal，即显示BackView，还有dismiss,choice会触发响应的方法。
swipeActionRight - Optional - right swipe action Default: ‘reveal‘ 同上
swipeMode - Gestures to enable or ‘none‘. Default: ‘both‘ 设置左滑、右滑、都支持
swipeCloseAllItemsWhenMoveList - Close revealed items on list motion. Default: ‘true‘ 当滚动listview时，关闭所有展开的Item，最好不要设置为false，由于item的复用，false存在一些问题。
swipeOpenOnLongPress - Reveal on long press Default: ‘true‘ 长按时触发显示
swipeAnimationTime - item drop animation time. Default: android configuration 动画时间长度
swipeOffsetLeft - left offset 左偏移量
swipeOffsetRight - right offset 右偏移量

基本属性都介绍了，下面上例子：

1、布局文件

<LinearLayout 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"
    android:background="@color/white"
    android:clickable="true"
    android:orientation="vertical" xmlns:swipe="http://schemas.android.com/apk/res/com.example.zhy_swipelistview02">

    <include
        layout="@layout/main_title"
        android:focusable="true" />

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <com.fortysevendeg.swipelistview.SwipeListView
            android:id="@+id/id_swipelistview"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            swipe:swipeActionLeft="reveal"
            swipe:swipeBackView="@+id/id_back"
            swipe:swipeCloseAllItemsWhenMoveList="true"
            swipe:swipeFrontView="@+id/id_front"
            swipe:swipeMode="left"
            swipe:swipeOffsetLeft="200dip"
            swipe:swipeOpenOnLongPress="false" />

        <TextView
            android:id="@+id/empty"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:drawableTop="@drawable/no_chat"
            android:text="木有联系人"
            android:textColor="#ffb7b7b7"
            android:textSize="14.0sp"
            android:visibility="gone" />
    </FrameLayout>

    <requestFocus />

</LinearLayout>

　　item的布局文件：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="60dp" >

    <LinearLayout
        android:id="@+id/id_back"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ffcccccc"
        android:gravity="center|right" >

        <Button
            android:id="@+id/id_remove"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginRight="4dp"
            android:background="@drawable/red_button"
            android:text="Delete"
            android:textColor="#fff" >
        </Button>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/id_front"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ffffffff" >

        <TextView
            android:id="@+id/id_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:gravity="center_vertical"
            android:minHeight="?android:attr/listPreferredItemHeight"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="#000"
            android:textSize="25sp" >
        </TextView>
    </LinearLayout>

</FrameLayout>

注意对应布局的id和swipeListView中的frontView和backView的Id一致。

2、MainActivity

package com.example.zhy_swipelistview02;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Window;

import com.fortysevendeg.swipelistview.BaseSwipeListViewListener;
import com.fortysevendeg.swipelistview.SwipeListView;

public class MainActivity extends Activity
{

	protected static final String TAG = "Activity";
	private SwipeListView mSwipeListView;
	private DataAdapter mAdapter;
	private List<String> mDatas;

	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);

		initDatas();

		mSwipeListView = (SwipeListView) findViewById(R.id.id_swipelistview);
		mAdapter = new DataAdapter(this, mDatas , mSwipeListView);
		mSwipeListView.setAdapter(mAdapter);

		mSwipeListView.setSwipeListViewListener(new BaseSwipeListViewListener()
		{
			@Override
			public void onChoiceChanged(int position, boolean selected)
			{
				Log.d(TAG, "onChoiceChanged:" + position + ", " + selected);
			}

			@Override
			public void onChoiceEnded()
			{
				Log.d(TAG, "onChoiceEnded");
			}

			@Override
			public void onChoiceStarted()
			{
				Log.d(TAG, "onChoiceStarted");
			}

			@Override
			public void onClickBackView(int position)
			{
				Log.d(TAG, "onClickBackView:" + position);
			}

			@Override
			public void onClickFrontView(int position)
			{
				Log.d(TAG, "onClickFrontView:" + position);
			}

			@Override
			public void onClosed(int position, boolean fromRight)
			{
				Log.d(TAG, "onClosed:" + position + "," + fromRight);
			}

			@Override
			public void onDismiss(int[] reverseSortedPositions)
			{
				Log.d(TAG, "onDismiss");

			}

			@Override
			public void onFirstListItem()
			{
				Log.d(TAG, "onFirstListItem");
			}

			@Override
			public void onLastListItem()
			{
				Log.d(TAG, "onLastListItem");
			}

			@Override
			public void onListChanged()
			{
				Log.d(TAG, "onListChanged");

				mSwipeListView.closeOpenedItems();

			}

			@Override
			public void onMove(int position, float x)
			{
				Log.d(TAG, "onMove:" + position + "," + x);
			}

			@Override
			public void onOpened(int position, boolean toRight)
			{
				Log.d(TAG, "onOpened:" + position + "," + toRight);
			}

			@Override
			public void onStartClose(int position, boolean right)
			{
				Log.d(TAG, "onStartClose:" + position + "," + right);
			}

			@Override
			public void onStartOpen(int position, int action, boolean right)
			{
				Log.d(TAG, "onStartOpen:" + position + "," + action + ","
						+ right);
			}
		});
	}

	private void initDatas()
	{
		mDatas = new ArrayList<String>();
		for (int i = ‘A‘; i <= ‘Z‘; i++)
			mDatas.add((char) i + "");
	}

}

　　Adapter:

package com.example.zhy_swipelistview02;

import java.util.List;

import com.fortysevendeg.swipelistview.SwipeListView;

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.TextView;

public class DataAdapter extends BaseAdapter
{

	private List<String> mDatas;
	private LayoutInflater mInflater;
	private SwipeListView mSwipeListView ;

	public DataAdapter(Context context, List<String> datas , SwipeListView swipeListView)
	{
		this.mDatas = datas;
		mInflater = LayoutInflater.from(context);
		mSwipeListView = swipeListView;
	}

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

	@Override
	public Object getItem(int position)
	{
		return mDatas.get(position);
	}

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

	@Override
	public View getView(final int position, View convertView, ViewGroup parent)
	{
		convertView = mInflater.inflate(R.layout.list_item, null);

		TextView tv = (TextView) convertView.findViewById(R.id.id_text);
		Button del = (Button) convertView.findViewById(R.id.id_remove);
		tv.setText(mDatas.get(position));
		del.setOnClickListener(new OnClickListener()
		{
			@Override
			public void onClick(View v)
			{
				mDatas.remove(position);
				notifyDataSetChanged();
				 /**
				  * 关闭SwipeListView
				  * 不关闭的话，刚删除位置的item存在问题
				  * 在监听事件中onListChange中关闭，会出现问题
				  */
				mSwipeListView.closeOpenedItems();
			}
		});

		return convertView;
	}

}

　　代码相当简单，MainActivity里面设置了监听事件，可以使用Demo的时候，观察触发的事件的输出，如果有特殊需求可以做一些操作。

demo下载地址

http://www.eoeandroid.com/thread-328894-1-1.html

http://files.cnblogs.com/liaolandemengxiang/swipelistview_Demo.rar

时间： 2024-10-23 12:27:13

Android listview 侧滑 SwipeListView 详解实现微信，QQ等滑动删除效果的相关文章

SwipeListView 详解实现微信，QQ等滑动删除效果

Linux的shell编程 1.什么是shell? 当一个用户登录Linux系统之后,系统初始化程序init就为每一个用户运行一个称为shell(外壳)的程序. shell就是一个命令行解释器,它为用户提供了一个向Linux内核发送请求以便运行程序的界面系统级程序,用户可以用shell来启动.挂起.停止甚至是编写一些程序.一般的Linux系统都将bash作为默认的shell. 2.几种流行的shell 目前流行的shell有ash.bash.ksh.csh.zsh等,可以用下面的命令来查看she

高仿微信对话列表滑动删除效果（转）

前言用过微信的都知道,微信对话列表滑动删除效果是很不错的,这个效果我们也可以有.思路其实很简单,弄个ListView,然后里面的每个item做成一个可以滑动的自定义控件即可.由于ListView是上下滑动而item是左右滑动,因此会有滑动冲突,也许你需要了解下android中点击事件的派发流程,请参考Android源码分析-点击事件派发机制.我的解决思路是这样的:重写ListView的onInterceptTouchEvent方法,在move的时候做判断,如果是左右滑动就返回false,否则返

【转】高仿微信对话列表滑动删除效果--不错

原文网址:http://blog.csdn.net/singwhatiwanna/article/details/17515543 转载请注明出处:http://blog.csdn.net/singwhatiwanna/article/details/17515543 前言用过微信的都知道,微信对话列表滑动删除效果是很不错的,这个效果我们也可以有.思路其实很简单,弄个ListView,然后里面的每个item做成一个可以滑动的自定义控件即可.由于ListView是上下滑动而item是左右滑动,因

高仿微信对话列表滑动删除效果

前言用过微信的都知道.微信对话列表滑动删除效果是非常不错的,这个效果我们也能够有. 思路事实上非常easy,弄个ListView.然后里面的每一个item做成一个能够滑动的自己定义控件就可以.由于ListView是上下滑动而item是左右滑动,因此会有滑动冲突.或许你须要了解下android中点击事件的派发流程,请參考Android源代码分析-点击事件派发机制.我的解决思路是这种:重写ListView的onInterceptTouchEvent方法,在move的时候做推断,假设是左右滑动就返回

关于高仿微信对话列表滑动删除效果代码优化

原文:http://blog.csdn.net/singwhatiwanna/article/details/17515543 最近公司项目需用到微信滑动拉出按钮的效果,发现一位牛人已经实现了相关效果,但控件仍与业务代码存有耦合,于是花了点时间做了些去耦合,并于此进行记录,以防遗忘. 个人认为耦合主要在于两点: 第一点是SlideListView中的onTouchEvent 通过获取item间接得到SlideView,但这样会引入外部数据类MessageItem. @Overr

SwipeListView 具体解释实现微信，QQ等滑动删除效果

QQ或者微信出现过滑动,近期联系人列表,能够删去当前选中的联系人,这个功能玩起来非常爽 , 就是试着做了下.事实上是使用了开源框架SwipeListView . SwipeListView 与一般的ListView使用方式差点儿相同,仅仅是添加了一些特殊功能. <com.fortysevendeg.swipelistview.SwipeListView xmlns:swipe="http://schemas.android.com/apk/res-auto" android:id

android listview 替代品recyclerview详解

安卓v7支持包下的ListView替代品————RecyclerView RecyclerView这个控件也出来很久了,相信大家也学习的差不多了,如果还没学习的,或许我可以带领大家体验一把这个艺术般的控件. 据官方介绍,该控件是属于之间用的非常多的ListView和GridView的替代品,既然能替代用的如此普遍的它们,这自然有其该有的优势. 1)相对于ListView而言RecyclerView的优势体现在: ①封装了之前ListView的优化,封装了之前ViewHolder的复用,这样在自定

android ListView与Adapter详解

ListView可以说是android开发中非常非常常用的一个控件,今天整理了一下,ListView相关的东西,记录于此.(很奇怪,总感觉只有自己总结写过的东西才是属于自己的,看别人看多了,却总是心中不慎踏实) ListView在使用中有两个作用: 一是将数据绑定到ListView的item:而是ListView的item对用户点击时间作出响应,常用的有onClickListener与onLongClickListener,当然当你需要计算用户点击的具体位置再做出响应时,可以先实现onTouch

Android实战简易教程-第十四枪（介绍SwipeMenuListView-简单实现类似QQ的滑动删除效果）

1.实现布局文件main.xml <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"

Android listview 侧滑 SwipeListView 详解 实现微信，QQ等滑动删除效果

Android listview 侧滑 SwipeListView 详解 实现微信，QQ等滑动删除效果的相关文章

Android listview 侧滑 SwipeListView 详解实现微信，QQ等滑动删除效果

Android listview 侧滑 SwipeListView 详解实现微信，QQ等滑动删除效果的相关文章