Android使用SwipeListView实现类似QQ的滑动删除效果_Android

QQ的滑动删除效果很不错,要实现这种效果,可以使用SwipeListView。

1. 下载com.fortysevendeg.swipelistview这个项目(以前GitHub上有,现在GitHub上没有了,百度了很多次才下载到的),导入Eclipse,右键单击,选择Properties->Android,选中Library下面的IsLibrary。

2. 新建一个项目MySwipeListView,加入SwipeListView这个库。

3. 在主窗体里面放入一个SwipeListView控件:

<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:orientation="vertical"
  android:paddingBottom="@dimen/activity_vertical_margin"
  android:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"
  tools:context="com.hzhi.myswipelistview.MainActivity" >

    <com.fortysevendeg.swipelistview.SwipeListView
      xmlns:swipe="http://schemas.android.com/apk/res-auto"
      android:id="@+id/exampleSwipeListView"
      android:listSelector="#00000000"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      swipe:swipeBackView="@+id/back"
      swipe:swipeCloseAllItemsWhenMoveList="true"
      swipe:swipeDrawableChecked="@drawable/choice_selected"
      swipe:swipeDrawableUnchecked="@drawable/choice_unselected"
      swipe:swipeFrontView="@+id/front"
      swipe:swipeMode="both"
      swipe:swipeActionLeft="reveal"
      swipe:swipeActionRight="dismiss"
      swipe:swipeOpenOnLongPress="true"
    />

</LinearLayout>

其中两个重要的属性:
swipe:swipeFrontView:上面的View,即不滑动时显示的View。
swipe:swipeBackView:下面的View,即滑动后显示的View。
这两个View都定义在SwipeListView的行布局文件里面: 

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"
    >

  <LinearLayout
    android:id="@+id/back"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#ffcccccc"
    android:gravity="right"
    android:tag="back" >

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btn_delete"
        android:text="删除"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btn_update"
        android:text="更新"/>

  </LinearLayout>

  <RelativeLayout
      android:orientation="vertical"
      android:id="@+id/front"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:background="#ffffffff"
  >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/example_row_iv_image"/>

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/example_row_iv_image"
        android:id="@+id/example_row_tv_title"/>

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/example_row_iv_image"
        android:layout_below="@id/example_row_tv_title"
        android:id="@+id/example_row_tv_description"/>

  </RelativeLayout>  

</FrameLayout>

SwipeListView的行布局文件使用FrameLayout布局,FrameLayout里面所有的所有子元素都堆叠在FrameLayout的左上角。 

4. SwipeListView和其他ListView一样,也需要Adapter,使用方法也是一样的。这里就不详细讲了。 

5. 在主窗体Java文件中实现SwipeListView的功能,代码如下:

package com.hzhi.myswipelistview;

import android.support.v7.app.ActionBarActivity;
import android.util.Log;

import java.util.ArrayList;

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

import android.os.Bundle;

@SuppressWarnings("deprecation")
public class MainActivity extends ActionBarActivity {

  protected static final String TAG = "MySwipeListView";
  private ArrayList<String> mList;
  private MyAdapter mAdapter;
  private SwipeListView mSwipeListView;

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

    initData();
    mSwipeListView = (SwipeListView) findViewById(R.id.exampleSwipeListView);
    mAdapter = new MyAdapter(this, mList, 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 initData(){
    mList = new ArrayList<String>();
    for (int i = 0; i <= 10; i++)
      mList.add("这是第" + i +"条数据!");
  }

}

最主要的代码即mSwipeListView.setSwipeListViewListener(new BaseSwipeListViewListener(){}),通过这行代码,为SwipeListView控件设置了Listener,可以根据自己的需要重载BaseSwipeListViewListener的各种方法。 

运行结果:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索android
, qq
, 滑动删除
swipelistview
listview实现类似新闻、swipemenulistview、swipelistview、swipelistview github、swipelistview jar包,以便于您获取更多的相关知识。

时间: 2024-10-29 19:51:11

Android使用SwipeListView实现类似QQ的滑动删除效果_Android的相关文章

Android App中ListView仿QQ实现滑动删除效果的要点解析_Android

本来准备在ListView的每个Item的布局上设置一个隐藏的Button,当滑动的时候显示.但是因为每次只要存在一个Button,发现每个Item上的Button相互间不好控制.所以决定继承ListView然后结合PopupWindow. 首先是布局文件: delete_btn.xml:这里只需要一个Button <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=

Android App中ListView仿QQ实现滑动删除效果的要点解析

本来准备在ListView的每个Item的布局上设置一个隐藏的Button,当滑动的时候显示.但是因为每次只要存在一个Button,发现每个Item上的Button相互间不好控制.所以决定继承ListView然后结合PopupWindow. 首先是布局文件: delete_btn.xml:这里只需要一个Button <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=

Android仿QQ列表滑动删除操作_Android

这篇山寨一个新版QQ的列表滑动删除,上篇有说到QQ的滑动删除,推测原理就是ListView本身每个item存在一个Button,只不过普通的状态下隐藏掉了,检测到向左的滑动事件的时候弹出隐藏的Button,不过再切换Button状态的时候会给Button一个出现和隐藏的动画.下面实现这个ListView.  首先有个难点就是通过ListView获取它某个item的View,对于ViewGroup,可以直接调用getChildAt()方法获取对应的子view,但是在ListView直接使用getC

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

微信对话列表滑动删除效果很不错的,借鉴了github上SwipeListView(项目地址:https://github.com/likebamboo/SwipeListView),在其上进行了一些重构,最终实现了微信对话列表滑动删除效果. 实现原理 1.通过ListView的pointToPosition(int x, int y)来获取按下的position,然后通过android.view.ViewGroup.getChildAt(position)来得到滑动对象swipeView  2.

详解SwipeListView框架实现微信\QQ滑动删除效果_Android

QQ或者微信出现过滑动,最近联系人列表,可以删去当前选中的联系人,这个功能很棒. 就是试着做了下.其实是使用了开源框架SwipeListView .   SwipeListView 与一般的ListView使用方式差不多,只是增加了一些特殊功能.  <com.fortysevendeg.swipelistview.SwipeListView xmlns:swipe="http://schemas.android.com/apk/res-auto" android:id="

Android应用中使用ViewPager实现类似QQ的界面切换效果_Android

这几天在研究ViewPager,简单的写一下如何使用ViewPager实现类似于QQ的"最近联系人.好友.群组"的界面切换(不知道他们是不是用这个方法实现的). ViewPager已经在android-sdk中加入了,具体的位置在%android_sdk_home%\android-compatibility\v4,%android_sdk_home%是你的android-sdk-windows目录. 好,下面放一张效果图: 步骤一:新建一个工程,我的是Viewpager 步骤二:导入

Android控件SeekBar仿淘宝滑动验证效果_Android

SeekBar是一个拖动条控件,最简单的案例就是我们的调节音量,还有音频视频的播放,传统的SeekBar样式,如图 传统的实现太简单,不足以让我们到能装逼的地步.本来是打算实现滴滴出行滑动完成订单的效果,可惜找不到效果图,今天也就用淘宝的滑动验证来作为实例 1.1 实现分析 SeekBar:使用progressDrawable属性自定义SeekBar 拖动块:使用thumb属性更改,其实就是一张图片 文字:使用RelativeLayout嵌套在一起 1.2 实现布局 <?xml version=

android回复功能(类似QQ空间的回复功能)如何实现

问题描述 android回复功能(类似QQ空间的回复功能)如何实现 android仿QQ空间回复功能(越详细越好),有demo更好,还有输入法上面的对话框是怎么弄出来的,直接调用系统的,并没有上面的输入框 解决方案 楼主实现了没,求指导! 解决方案二: 楼主 类似于qq空间的回复功能,就是回复的时候可以看到是对谁进行回复的 是怎么实现的? 解决方案三: 楼主实现了没,求指导!求demo 646869341@qq.com

Android 桌面图标上显示未读消息的图标(类似qq的桌面提示效果)

问题描述 Android 桌面图标上显示未读消息的图标(类似qq的桌面提示效果) 当有新的消息之后,在桌面上提示出来,在网上找了几天,都是只有几个牌子的手机支持,哪位大神有比较全的. 解决方案 Android 类似未读短信图标显示数字效果的分析Android 类似未读短信图标显示数字效果的分析Android 类似未读短信图标显示数字效果的分析 解决方案二: 没研究过,你可以去github上看看 解决方案三: https://github.com/xuyisheng/ShortcutHelper