感谢HarryWeasley整理:http://blog.csdn.net/harryweasley/article/details/41413547

前言:前段时间,由于自己比较悠闲,没有什么工作上的事情所做,所以当时就想,何不做一下qq聊天列表的item右滑出现后面的视图,然后我就开始着手自己做,之后无意间发现了可以利用一个github开源项目swiplistview完成,但是当我查看那些swiplistview的相关文档时,很不全面,github官网上下载的和之前他们写的文档已经有所不同,所以在这里我就重新来写一下怎么使用swiplistview的准备阶段。

之前的文档都是说,当从官网上下载下来后,有两个文件,一个是lib:android-swiplistview,另一个是例子:SwipListViewExampleActivity,但是现在下载后,解压后是这样的

显然已经和之前的不一样了,现在的官网上是用了gradle来构造Android程序,但我以前根本没有接触过gradle,所以只能自己去找以前的那个swiplistview。当时我也是纠结了很久,自己翻墙出去,各种Google,最后终于找到了,swiplistview,我之后会全部上传,共享给大家。

下面是qq的效果图:

下面是我这个项目的效果图:

现在我们进入正题:

我们一共需要两个jar包,一个swiplistview,如图所示:这三个下载地址http://download.csdn.net/detail/harryweasley/8190519

1. 引入android-swipelistview库:导入开源库,用Import选项,然后Android选项下的“Existing Android Code Into Workspace”引入库;在这里将“copy projects into workspace”前面打钩哦

2.引入android-swipelistview的依赖库nineoldandroids-2.4.0.jar:建立一个libs文件夹,将nineoldandroids-2.4.0.jar拷贝到libs文件夹之下;

3.引入android-swipelistview的依赖内部库android-support-v4.jar:项目的Android Tools选项,“Add Support Library”来增加android-support-v4库;(注:如果找不到对应的support库,可以通过SDK Manager来进行下载)
4.编译android-swipelistview库的jar包:项目的Properties选项,Android选项,勾选"Is Library";
5.编译android-swipelistview项目,在项目的bin目录应该能看到android-swipelistview.jar包。

这样,我们就完成了swiplistview的库了。

然后我们自己建立一个Android程序SwipListView进行测试,建好后,开始导入库,项目的Properties选项,Android选项,Library框选择add按钮添加swipelistview.jar包;

这里需要注意:swipelistview这个lib必须和SwiplistView在同一工作区间,否则导入的包前面会有红叉。如图所示

我们可以看下官网上关于SwipListView的描述

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

    <com.fortysevendeg.swipelistview.SwipeListViewxmlns: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 右偏移量

上面是基本属性,下面开始上代码:

首先是activity_main.xml下的代码:

[java] view plaincopy
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. tools:context=".MainActivity" >
  6. <com.fortysevendeg.swipelistview.SwipeListView
  7. xmlns:swipe="http://schemas.android.com/apk/res-auto"
  8. android:id="@+id/example_lv_list"
  9. android:layout_width="fill_parent"
  10. android:layout_height="fill_parent"
  11. swipe:swipeActionLeft="reveal"
  12. swipe:swipeBackView="@+id/id_back"
  13. swipe:swipeCloseAllItemsWhenMoveList="true"
  14. swipe:swipeFrontView="@+id/id_front"
  15. swipe:swipeMode="left"
  16. swipe:swipeOffsetLeft="200dip"
  17. swipe:swipeOffsetRight="0dp"
  18. swipe:swipeOpenOnLongPress="true" />
  19. </RelativeLayout>

接下来是itm.xml的代码:

[java] view plaincopy
  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:layout_width="match_parent"
  4. android:layout_height="60dp" >
  5. <LinearLayout
  6. android:id="@+id/id_back"
  7. android:layout_width="match_parent"
  8. android:layout_height="match_parent"
  9. android:background="#ffcccccc"
  10. android:gravity="center|right" >
  11. <Button
  12. android:id="@+id/id_remove"
  13. android:layout_width="60dp"
  14. android:layout_height="wrap_content"
  15. android:layout_gravity="center"
  16. android:layout_marginRight="4dp"
  17. android:background="@android:color/holo_green_light"
  18. android:text="Delete"
  19. android:textColor="#fff" >
  20. </Button>
  21. </LinearLayout>
  22. <LinearLayout
  23. android:id="@+id/id_front"
  24. android:layout_width="match_parent"
  25. android:layout_height="match_parent"
  26. android:background="#ffffffff" >
  27. <TextView
  28. android:id="@+id/id_text"
  29. android:layout_width="wrap_content"
  30. android:layout_height="wrap_content"
  31. android:layout_marginLeft="10dp"
  32. android:gravity="center_vertical"
  33. android:minHeight="?android:attr/listPreferredItemHeight"
  34. android:textAppearance="?android:attr/textAppearanceLarge"
  35. android:textColor="#000"
  36. android:textSize="25sp" >
  37. </TextView>
  38. </LinearLayout>
  39. </FrameLayout>

这里要强调一下:对应布局的id和swipeListView中的frontView和backView的Id一致。

接下来是DataAdapter的代码

[java] view plaincopy
  1. package com.example.swiplistview;
  2. import java.util.List;
  3. import android.content.Context;
  4. import android.view.LayoutInflater;
  5. import android.view.View;
  6. import android.view.View.OnClickListener;
  7. import android.view.ViewGroup;
  8. import android.widget.BaseAdapter;
  9. import android.widget.Button;
  10. import android.widget.TextView;
  11. import com.fortysevendeg.swipelistview.SwipeListView;
  12. public class DataAdapter extends BaseAdapter{
  13. private List<String> mDatas;
  14. private LayoutInflater mInflater;
  15. private SwipeListView mSwipeListView ;
  16. public DataAdapter(Context context, List<String> datas , SwipeListView swipeListView)
  17. {
  18. this.mDatas = datas;
  19. mInflater = LayoutInflater.from(context);
  20. mSwipeListView = swipeListView;
  21. }
  22. @Override
  23. public int getCount()
  24. {
  25. return mDatas.size();
  26. }
  27. @Override
  28. public Object getItem(int position)
  29. {
  30. return mDatas.get(position);
  31. }
  32. @Override
  33. public long getItemId(int position)
  34. {
  35. return position;
  36. }
  37. @Override
  38. public View getView(final int position, View convertView, ViewGroup parent)
  39. {
  40. convertView = mInflater.inflate(R.layout.item, null);
  41. TextView tv = (TextView) convertView.findViewById(R.id.id_text);
  42. Button del = (Button) convertView.findViewById(R.id.id_remove);
  43. tv.setText(mDatas.get(position));
  44. del.setOnClickListener(new OnClickListener()
  45. {
  46. @Override
  47. public void onClick(View v)
  48. {
  49. mDatas.remove(position);
  50. notifyDataSetChanged();
  51. /**
  52. * 关闭SwipeListView
  53. * 不关闭的话,刚删除位置的item存在问题 ,不能再次点击
  54. */
  55. mSwipeListView.closeOpenedItems();
  56. }
  57. });
  58. return convertView;
  59. }
  60. }

最后是MainActivity的代码了,都比较简单:

[java] view plaincopy
  1. package com.example.swiplistview;
  2. import java.util.ArrayList;
  3. import java.util.List;
  4. import android.app.Activity;
  5. import android.os.Bundle;
  6. import com.fortysevendeg.swipelistview.BaseSwipeListViewListener;
  7. import com.fortysevendeg.swipelistview.SwipeListView;
  8. public class MainActivity extends Activity {
  9. SwipeListView swipeListView;
  10. List<String> mDatas;
  11. DataAdapter adapter;
  12. @Override
  13. protected void onCreate(Bundle savedInstanceState) {
  14. super.onCreate(savedInstanceState);
  15. setContentView(R.layout.activity_main);
  16. mDatas = new ArrayList<String>();
  17. for (int i = 0; i < 20; i++) {
  18. mDatas.add("这是记录呢。。" + i);
  19. }
  20. swipeListView = (SwipeListView) findViewById(R.id.example_lv_list);
  21. adapter = new DataAdapter(this, mDatas, swipeListView);
  22. swipeListView.setAdapter(adapter);
  23. swipeListView.setSwipeListViewListener(new BaseSwipeListViewListener() {
  24. // 这里可以重写很多方法
  25. @Override
  26. public void onListChanged() {
  27. super.onListChanged();
  28. }
  29. @Override
  30. public void onClickFrontView(int position) {
  31. super.onClickFrontView(position);
  32. }
  33. });
  34. }
  35. }

这样就大功告成了。

上面的都是最基本的功能,完成了上面的那些,然后我们就可以做相应的点击事件了。所以一起加油吧。

最后还有一个我在github下载的一个Demo,但并不是47deg的,是一个普通人写的,我给她上传了,下载地址http://download.csdn.net/detail/harryweasley/8190525

这里多说一下,你刚导入Eclipse时,会报一个不能解析android-14,你重启一下Eclipse,就好了。第二个问题,重启Eclipse后,bin文件里又有错误了,删除bin文件,Eclipse会重新自动生成一个,这样两个小bug就解决了。

利用swipelistview完成qq聊天列表右滑删除功能相关推荐

  1. Android学QQ聊天列表展示ListView

    Android学QQ聊天列表展示ListView 稍微修改下实现的,比完全copy感觉爽多了 布局文件:activity_main.xml <RelativeLayout xmlns:andro ...

  2. 自定义 View(一)仿 QQ 列表 Item 侧拉删除功能

    博主声明: 转载请在开头附加本文链接及作者信息,并标记为转载.本文由博主 威威喵 原创,请多支持与指教. 本文首发于此   博主:威威喵  |  博客主页:https://blog.csdn.net/ ...

  3. html仿qq最小化怎么实现,JS仿QQ好友列表展开、收缩功能(第一篇)

    JS仿QQ好友列表展开.收缩功能(第一篇) 发布时间:2020-10-17 14:20:03 来源:脚本之家 阅读:96 作者:erdouzhang 效果图如下所示: html: 我的好友 张三 李四 ...

  4. ios7自定义返回按钮后,右滑返回功能失效解决方法

    ios7自定义返回按钮后,右滑返回功能失效解决方法 -(void)viewWillAppear:(BOOL)animated{ [super viewWillAppear:animated]; //开 ...

  5. android右滑返回动画,Android仿微信右滑返回功能的实例代码

    先上效果图,如下: 先分析一下功能的主要技术点,右滑即手势判断,当滑到一直距离时才执行返回,并且手指按下的位置是在屏幕的最左边(这个也是有一定范围的),  这些可以实现onTouchEvent来实现. ...

  6. AS2:实现右滑删除,点击展开及点击跳转

    目录 一.右滑删除 1.设计界面 2.适应器adapter 3.在对应的fragment中设置 4.效果展示 二.点击展开 1.设计界面 2.建立适应器 3.在对应的Activity的Frament中 ...

  7. qq列表展开多个html代码,JS仿QQ好友列表展开、收缩功能(第二篇)

    在上篇的基础上继续完善,点击一个li元素,其他li元素上的类名清除掉. 效果图如下所示: js: window.onload = function(){ var list = document.get ...

  8. Vue之通过连接数据库的接口获取列表实现添加删除功能

    把最近学习vue的一些知识点记录下来,今天记录一下Vue通过vue-resource连接数据库接口渲染列表和添加删除功能 首先我们得引入vue的版本文件和vue-resource.js,注意:vue- ...

  9. html消息页左滑删除模板,基于JS实现移动端左滑删除功能

    基于JS实现移动端左滑删除功能 2019-01-07 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了基于JS实现移动端左滑删除功能,编程之家小编觉得挺不错的,现 ...

最新文章

  1. Android系统Surface机制的SurfaceFlinger服务对帧缓冲区(Frame Buffer)的管理分析
  2. eclipse将java工程转换为java动态web工程(工程转换均可参照)
  3. python3.5安装scrapy_win10下基于python3.5安装scrapy教程
  4. 基于bootstrap框架在ie8以下,兼容媒体查询[css样式]
  5. VB获取Windows操作系统所有版本
  6. cocos 动画系统
  7. 数据分享 | 高光谱遥感影像数据集汇总
  8. 将Python对象转换成字典
  9. QCC3040---如何设置PIO为中断
  10. 《万人如海一身藏》书摘
  11. 小故事大道理——生存方略
  12. 【Processing】行走的行星 动态海报 processing艺术与科技
  13. iOS no summary
  14. WCP知识库 开源版 Win安装配置
  15. java验证歌德巴赫猜想
  16. 简述python语言的主要领域_简述Python语言经验总结
  17. 密码学之基本概念(01)
  18. 019 Rust死灵书之资源管理
  19. VB 2010 (52)Connection对象
  20. MySql随笔-常见的数据库对象

热门文章

  1. UVa 10375 - Choose and divide(唯一分解定理)
  2. Mysql分区对大表查询效率的影响
  3. 3月19 HTML静态网页的制作
  4. 让ie6(opera)支持微软雅黑字体
  5. linux C 进程内部存储管理
  6. sql截取字符串并把字符串插入到表中的存储过程
  7. Android多线程源码学习笔记一:handler、looper、message、messageQueue
  8. 2018 浅谈前端面试那些事
  9. Spring Boot 静态资源映射与上传文件路由配置
  10. imx6 android SD卡启动