Android ListView实现仿iPhone实现左滑删除按钮的简单实例

需要自定义ListView。这里就交FloatDelListView吧。

复写onTouchEvent方法。如下:

@Override
  public boolean onTouchEvent(MotionEvent ev) {
    switch (ev.getAction()) {
      case MotionEvent.ACTION_DOWN:<BR>          // 获取按下的条目视图(child view)
        int childCount = getChildCount();
        int[] listViewCoords = new int[2];
        getLocationOnScreen(listViewCoords);
        int x = (int) ev.getRawX() - listViewCoords[0];
        int y = (int) ev.getRawY() - listViewCoords[1];
        for (int i = 0; i < childCount; i++) {
          downChild = getChildAt(i); //
          Rect rect = new Rect();
          assert downChild != null;
          downChild.getHitRect(rect); 

          int childPosition = getPositionForView(downChild); 

          if (rect.contains(x, y)) {
            downX = ev.getRawX();
            int downPosition = childPosition; 

            velocityTracker = VelocityTracker.obtain();
            assert velocityTracker != null;
            velocityTracker.addMovement(ev);
            break;
          }
        }
        isSwipe = false;
        break;
      case MotionEvent.ACTION_MOVE:
        velocityTracker.addMovement(ev);<BR>          // 计算水平和垂直方向移动速度
        velocityTracker.computeCurrentVelocity(1000);
        float velocityX = Math.abs(velocityTracker.getXVelocity());
        float velocityY = Math.abs(velocityTracker.getYVelocity());
<BR>          // 水平移动距离
        float deltaX = ev.getRawX() - downX;
        float deltaMode = Math.abs(deltaX);
        if (deltaX > 150) {// right swipe(右滑)
          isSwipeToLeft = false;
        } else if (deltaX < -150) {// left swipe(左滑)
          isSwipeToLeft = true;
        }<BR>          // 如果水平滑动距离大于零,并且水平滑动速率比垂直大,说明是水平滑动
        if (deltaMode > 0 && velocityY < velocityX) {<BR>            // 这里的FloatDelButtonLayout是自定义的LinearLayout。
          ((FloatDelButtonLayout) downChild).showDelButton(ev, isSwipeToLeft);
          isSwipe = true;
        }
        break;
      case MotionEvent.ACTION_CANCEL:
      case MotionEvent.ACTION_UP:
        downChild.setSelected(false);
        if (isSwipe) {
          isSwipe = false;
          return true;
        }
        break;
    }
    return super.onTouchEvent(ev);
  }

FloatDelButtonLayou.java :

public class FloatDelButtonLayout extends LinearLayout {
<BR>   // 提供删除按钮的接口
  private OnDelListener delListener;
<BR>   // 当前视图在列表中的索引,在delListener中使用
  private int index;
<BR>   // 右滑 还是 左滑?<BR>  private boolean isSwipeToLeft;<BR>
  public void setOnDelListener(OnDelListener listener, int i) {
    delListener = listener;
    index = i;
  } 

  public FloatDelButtonLayout(Context context) {
    super(context, null);
  } 

  public FloatDelButtonLayout(Context context, AttributeSet attrs) {
    super(context, attrs, 0);
  } 

  public FloatDelButtonLayout(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
  }
<BR>   // 用来显示或者隐藏删除按钮。
  public void showDelButton(MotionEvent ev, boolean isSwipeToLeft) {
    this.isSwipeToLeft = isSwipeToLeft;
    onTouchEvent(ev);
  } 

  private OnClickListener clickDel = new OnClickListener() {
    @Override
    public void onClick(View v) {
      delListener.onDel(index);
    }
  };
<BR>   /**<BR>    * 这里的event是我们显示的从FloatDelListView的onTouchEvent里面传进来的,<BR>   */
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    switch (MotionEventCompat.getActionMasked(event)) {
      case MotionEvent.ACTION_MOVE:<BR>          // 获取删除按钮对象,视图layout中必须要有id为del_button的Button标签
        Button view = (Button) findViewById(R.id.del_button);
        view.setText(R.string.del);<BR>          // 设置Button的MarginLayoutParams,当然可以做成各种动作,比如渐隐之类的显示出来。
        MarginLayoutParams layoutParams = (MarginLayoutParams) view.getLayoutParams();
        assert layoutParams != null;
        if (isSwipeToLeft) {
          view.setVisibility(View.VISIBLE);
          view.setOnClickListener(clickDel);
          layoutParams.leftMargin = -200;
        } else {
          view.setVisibility(View.GONE);
          layoutParams.leftMargin = 0;
        }
        view.setLayoutParams(layoutParams);
        invalidate();
        break;
    }
    return super.onTouchEvent(event);
  } 

  public interface OnDelListener {
    void onDel(int i);
  }
}

以上这篇Android ListView实现仿iPhone实现左滑删除按钮的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • Android自定义ListView实现仿QQ可拖拽列表功能

    我们大致的思路,其实是这样子的,也是我的设想,我们可以先去实现一个简单的ListView的数据,但是他的Adapter,我们可以用系统封装好的,然后传递进去一个实体类,最后自定义一个listview去操作,所以我们先把准备的工作做好,比如? list_item.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.a

  • Android仿QQ左滑删除置顶ListView操作

    最近闲来无事,于是研究了一下qq的左滑删除效果,尝试着实现了一下,先上效果图: 大致思路原理: - 通过设置margin实现菜单的显示与隐藏 - 监听onTouchEvent,处理滑动事件 上代码 import android.content.Context; import android.util.AttributeSet; import android.util.DisplayMetrics; import android.view.MotionEvent; import android.v

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

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

  • Android自定义组合控件之自定义下拉刷新和左滑删除实例代码

    绪论 最近项目里面用到了下拉刷新和左滑删除,网上找了找并没有可以用的,有比较好的左滑删除,但是并没有和下拉刷新上拉加载结合到一起,要不就是一些比较水的结合,并不能在项目里面使用,小编一着急自己组合了一个,做完了和QQ的对比了一下,并没有太大区别,今天分享给大家,其实并不难,但是不知道为什么网上没有比较好的Demo,当你的项目真的很急的时候,又没有比较好的Demo,那么"那条友谊的小船儿真是说翻就翻啊",好了,下面先来具体看一下实现后的效果吧: 代码已经上传到Github上了,小伙伴们记

  • Android下拉刷新上拉加载更多左滑动删除

    一.前言 老规矩,别的不说,这demo是找了很相关知识集合而成的,可以说对我这种小白来说是绞尽脑汁!程序员讲的是无图无真相! 现在大家一睹为快! 二.比较关键的还是scroller这个类的 package com.icq.slideview.view; import android.content.Context; import android.util.AttributeSet; import android.util.Log; import android.util.TypedValue;

  • Android使用PullToRefresh完成ListView下拉刷新和左滑删除功能

    ListView下刷新刷功能相信从事Android开发的猿友们并不陌生,包括现在Google亲儿子SwipeRefreshLayout实现效果在一些APP上也能看见(不过个人不喜欢官方的刷新效果).本文就带领一些刚入门android的朋友或者一起爱分享的朋友来简单的实现ListView的下拉刷新和左滑删除效果. 一.本文主要内容: 使用PullToRefresh完成ListView下拉.上拉刷新: 扩展PullToRefresh完美的实现ListView左滑删除效果: 注意:本文中的PullTo

  • Android实现qq列表式的分类悬浮提示

    效果图: 这种效果的实现这里是采用自定义ExpandableListView,给它设置一个指示布局,在滑动过程中监听当前是否应该悬浮显示分类来实现的.今天抽时间,整理了下代码,记录一下使用过程,以便有类似的需求的时候可以快速搞定. 话不多说,我们直接看代码和使用方法. 一 项目结构 上边儿三个类分别是我们的自定义ExpandableListView,主界面,以及ExpandableListView使用的Adapter.下边儿几个xml文件分别是主界面布局,指示器布局,ExpandableList

  • Android仿QQ好友列表分组实现增删改及持久化

    Android自带的控件ExpandableListView实现了分组列表功能,本案例在此基础上进行优化,为此控件添加增删改分组及子项的功能,以及列表数据的持久化. Demo实现效果: GroupListDemo具体实现: ①demo中将列表页面设计为Fragment页面,方便后期调用:在主界面MainActivity中动态添加GroupListFragment页面: MainActivity.java package com.eric.grouplistdemo; import android

  • Android仿QQ列表左滑删除操作

    最近学习了如何做一个像QQ的左滑RecyclerView的item显示选项的,主要是用到Scroller 我们首先新建一个自己的RecyclerView 定义好一些要用的的变量 重写构造方法,把前两个构造方法改为如下,使无论如何构造都要执行第三个构造方法 在第三个构造方法里初始化Scroller public class LeftSwipeMenuRecyclerView extends RecyclerView { //置顶按钮 private TextView tvTop; //删除按钮 p

  • Android仿QQ好友列表实现列表收缩与展开

    ExpandableListView是一个垂直滚动显示两级列表项的视图,与ListView不同的是,它可以有两层:每一层都能够被独立的展开并显示其子项. 好友QQ列表,可以展开,可以收起,在android中,以往用的比较多的是listview,虽然可以实现列表的展示,但在某些情况下,我们还是希望用到可以分组并实现收缩的列表,那就要用到android的ExpandableListView,今天研究了一下这个的用法,也参考了很多资料动手写了一个小demo,实现了基本的功能,下面直接上效果图以及源代码

随机推荐