android 仿微信侧滑删除SwipeListView实例

原帖地址：http://www.eoeandroid.com/thread-540337-1-1.html

Android微信5.0以前某个版本(具体哪个忘记了)实现了和IOS上面一样的效果——侧滑删除。这个特效在github上是一个比较火的开源项目，最近楼主也对一些UI特效比较感兴趣，在收集这些炫酷又实用的实例，如果楼下那位朋友有其他比较好的实例，还请不吝赐教。

       下面是楼主仿微信侧滑删除做的实例部署后的截图：
           
        点击删除之后可以删除该行。
           
        下面是SwipeListView属性的一些讲解：
        

1. <com.fortysevendeg.swipelistview.SwipeListView
   
2.             xmlns:swipe="http://schemas.android.com/apk/res-auto"//命名空间            
   
3.              android:id="@+id/example_lv_list           
   
4.              android:listSelector="#00000000"            
   
5.              android:layout_width="fill_parent"            
   
6.              android:layout_height="wrap_content"            
   
7.              swipe:swipeFrontView="@+id/front"//swipelistview顶部viewgroup(实例截图中包含人物、头像、时间的layout)                          swipe:swipeBackView="@+id/back"//swipelistview背后的viewgroup(实例截图中包删除按钮的layout)
   
8.             swipe:swipeActionLeft="[reveal | dismiss]"//设置向左滑动是当前别滑动item的显示效果(reveal显示背后的viewgroup，dismiss该item消失)    swipe:swipeActionRight="[reveal | dismiss]"//同向左滑动            
   
9.             swipe:swipeMode="[none | both | right | left]"//设置swipelistview无滑动效果，两侧均可滑动，向右滑动，向左滑动                         swipe:swipeCloseAllItemsWhenMoveList="[true | false]"//swipelistview滚动时关闭所有已打开的item            swipe:swipeOpenOnLongPress="[true | false]"//长按某个item是否打开            swipe:swipeAnimationTime="[miliseconds]"//动画持续时间            swipe:swipeOffsetLeft="[dimension]"//滑动后顶部viewgroup距离左边界距离            swipe:swipeOffsetRight="[dimension]"            />

复制代码

       在上源码之前，必须要向各位说明的是，使用第三方开源项目必需要引入相应的jar包或者项目，SwipeListView必须依赖开源swipelistview项目以及nineoldandroids-2.4.0.jar，我在后面的附件会提供这些第三方工具。当你在开发自己的swipelistview实例之前，需要把开源项目swipelistview先导入你的工程目录，然后勾选iIs Library，之后新建你自己的项目，在项目中引入这个开源项目OK了。具体的如何引入这里不做赘述，相信接触过开发的基本都懂。 下面是MainActivity.java

      

1. package com.swipe.activity;
   
2. 
   
3. import java.util.ArrayList;
   
4. import java.util.List;
   
5. 
   
6. import android.app.Activity;
   
7. import android.os.Bundle;
   
8. import android.widget.Toast;
   
9. 
   
10. import com.fortysevendeg.swipelistview.BaseSwipeListViewListener;
    
11. import com.fortysevendeg.swipelistview.SwipeListView;
    
12. 
    
13. public class MainActivity extends Activity {
    
14. 
    
15.         private SwipeListView mSwipeListView;
    
16.         private SwipeListViewAdapter adapter;
    
17.         private List<TestData> datas;
    
18.         
    
19.         @Override
    
20.         protected void onCreate(Bundle savedInstanceState) {
    
21.                 super.onCreate(savedInstanceState);
    
22.                 setContentView(R.layout.main_layout);
    
23.                 mSwipeListView=(SwipeListView) findViewById(R.id.example_lv_list);
    
24.                 mSwipeListView.setOffsetLeft(this.getResources().getDisplayMetrics().widthPixels*2/3);
    
25. //                mSwipeListView.setSwipeMode(SwipeListView.SWIPE_MODE_LEFT);
    
26. //                mSwipeListView.setSwipeActionLeft(SwipeListView.SWIPE_ACTION_REVEAL);
    
27. //                mSwipeListView.setAnimationTime(0);
    
28. //                mSwipeListView.setSwipeOpenOnLongPress(false);
    
29.                 initDatas();
    
30.                 adapter=new SwipeListViewAdapter(this, mSwipeListView, datas);
    
31.                 mSwipeListView.setAdapter(adapter);
    
32.                 mSwipeListView.setSwipeListViewListener(new BaseSwipeListViewListener(){
    
33. 
    
34.                         @Override
    
35.                         public void onClickFrontView(int position) {
    
36.                                 super.onClickFrontView(position);
    
37.                                 mSwipeListView.closeOpenedItems();
    
38.                                 Toast.makeText(MainActivity.this, adapter.getItem(position).getTime()+getTitle()+"和你对话", 2400).show();
    
39.                         }
    
40.                         
    
41.                         @Override
    
42.                         public void onDismiss(int[] reverseSortedPositions) {
    
43.                                 super.onDismiss(reverseSortedPositions);
    
44.                                 for (int i : reverseSortedPositions) {
    
45.                                         datas.remove(i);
    
46.                                 }
    
47.                                 adapter.notifyDataSetChanged();
    
48.                         }
    
49.                         
    
50.                 });
    
51.         }
    
52.         
    
53.         private void initDatas(){
    
54.                 datas=new ArrayList<TestData>();
    
55.                 TestData td1=new TestData("张三", "2014-7-11");
    
56.                 datas.add(td1);
    
57.                 TestData td2=new TestData("李四", "2014-3-18");
    
58.                 datas.add(td2);
    
59.                 TestData td3=new TestData("王五", "2013-11-11");
    
60.                 TestData td4=new TestData("白素", "2013-7-11");
    
61.                 TestData td5=new TestData("卫斯理", "2013-5-20");
    
62.                 TestData td6=new TestData("曹操", "2013-2-14");
    
63.                 TestData td7=new TestData("刘备", "2012-8-15");
    
64.                 TestData td8=new TestData("孙权", "2012-7-7");
    
65.                 TestData td9=new TestData("董卓", "2012-2-14");
    
66.                 TestData td10=new TestData("王允", "2011-10-1");
    
67.                 TestData td11=new TestData("貂蝉", "2011-7-7");
    
68.                 datas.add(td3);
    
69.                 datas.add(td4);
    
70.                 datas.add(td5);
    
71.                 datas.add(td6);
    
72.                 datas.add(td7);
    
73.                 datas.add(td8);
    
74.                 datas.add(td9);
    
75.                 datas.add(td10);
    
76.                 datas.add(td11);
    
77.         }
    
78.         
    
79. }
    

复制代码

下面是MainActiivty.java的布局文件main_layout.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="match_parent"
   
5.     android:orientation="vertical" >
   
6.     <com.fortysevendeg.swipelistview.SwipeListView
   
7.             xmlns:swipe="http://schemas.android.com/apk/res-auto"
   
8.             android:id="@+id/example_lv_list"
   
9.             android:listSelector="#00000000"
   
10.             android:layout_width="fill_parent"
    
11.             android:layout_height="fill_parent"
    
12.             swipe:swipeFrontView="@+id/front"
    
13.             swipe:swipeBackView="@+id/back"
    
14.             swipe:swipeActionLeft="reveal"
    
15.             swipe:swipeActionRight="reveal"
    
16.             swipe:swipeMode="left"
    
17.             swipe:swipeCloseAllItemsWhenMoveList="true"
    
18.             swipe:swipeOpenOnLongPress="false"
    
19.             swipe:swipeAnimationTime="1"
    
20.             swipe:swipeOffsetLeft="0dip"
    
21.             swipe:swipeOffsetRight="0dp"
    
22.             />
    
23. 
    
24. </LinearLayout>
    

复制代码

下面是swipelistview自定义item package_row.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="match_parent"
   
5.     android:orientation="vertical" >
   
6.     <RelativeLayout 
   
7.         android:id="@+id/back"
   
8.         android:tag="back"
   
9.         android:layout_width="match_parent"
   
10.         android:layout_height="50dp"
    
11.         android:background="#eee"
    
12.         android:gravity="right">
    
13.         <Button 
    
14.             android:id="@+id/delete"
    
15.             android:layout_width="wrap_content"
    
16.             android:layout_height="50dp"
    
17.             android:background="#FF0000"
    
18.             android:layout_alignParentRight="true"
    
19.             android:text="刪除"/>
    
20.     </RelativeLayout>
    
21. 
    
22.     <RelativeLayout
    
23.         android:id="@+id/front"
    
24.         android:layout_width="match_parent"
    
25.         android:layout_height="50dp"
    
26.         android:gravity="center_vertical"
    
27.         android:background="#ffffff"
    
28.         android:tag="front" >
    
29. 
    
30.         <ImageView
    
31.             android:id="@+id/head_icon"
    
32.             android:layout_width="45dp"
    
33.             android:layout_height="45dp"
    
34.             android:layout_marginLeft="20dp"
    
35.             android:background="@drawable/ic_launcher"
    
36.             android:scaleType="fitXY" />
    
37.         <TextView
    
38.             android:id="@+id/nickname"
    
39.             android:layout_width="wrap_content"
    
40.             android:layout_height="wrap_content"
    
41.             android:textStyle="bold"
    
42.             android:textColor="@android:color/black"
    
43.             android:layout_toRightOf="@id/head_icon"
    
44.             android:layout_alignTop="@id/head_icon"
    
45.             android:textSize="18sp"/>
    
46.         <TextView android:id="@+id/time"
    
47.             android:layout_width="wrap_content"
    
48.             android:layout_height="wrap_content"
    
49.             android:layout_alignParentRight="true"
    
50.             android:layout_alignParentBottom="true"
    
51.             android:layout_marginRight="20dp"
    
52.             android:layout_marginBottom="5dp"
    
53.             />
    
54.     </RelativeLayout>
    
55. 
    
56. </FrameLayout>
    

复制代码

最后给出github中SwipeListView的连接 SwpieListView GitHub地址

项目源码，我给出的源码已经包含第三方开源组件，希望自己写出测试实例的可以直接使用

PS：源码请到原帖http://www.eoeandroid.com/thread-540337-1-1.html下载