Android实现滑动删除操作(PopupWindow)

参考Android仿腾讯QQ实现滑动删除这篇文章进行学习,文章实现的功能是:在ListView的Item上从右向左滑时,出现删除按钮,点击删除按钮把Item删除,效果

看过文章后,感觉没有必要把dispatchTouchEvent()和onTouchEvent()两个方法都重写,只要重写onTouchEvent就好了。于是对代码作了一些调整:

public class MyListView extends ListView {
 private static final String TAG = "MyListView";
 private int mTouchSlop;
 private int mXDown;
 private int mYDown;
 private int mCurrentPosition;
 private View mCurrentView;
 private PopupWindow mPopupWindow;
 private LayoutInflater mInflater;
 private boolean isSliding = false;
 // 为删除按钮提供一个回调接口
 private DelButtonClickListener mListener;
 private Button mDelBtn;
 private int mPopupWindowHeight;
 private int mPopupWindowWidth;

 public MyListView(Context context, AttributeSet attrs) {
  super(context, attrs);
  mInflater = LayoutInflater.from(context);
  mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();

  View view = mInflater.inflate(R.layout.delete_btn, null);
  mDelBtn = (Button) view.findViewById(R.id.id_item_btn);
  mPopupWindow = new PopupWindow(view, LinearLayout.LayoutParams.WRAP_CONTENT,
    LinearLayout.LayoutParams.WRAP_CONTENT);
  // 如果需要通过点击PopupWindow之外的地方使其消失,则需要setFocusable(true).
  mPopupWindow.setFocusable(true);
  // Android 6.0以前的版本需要setBackgroundDrawable(),
  // 才能实现通过点击PopupWindow之外的地方使其消失的功能。
  mPopupWindow.setBackgroundDrawable(new ColorDrawable(0));
  // 先调用下measure,否则拿不到宽和高
  mPopupWindow.getContentView().measure(0, 0);
  mPopupWindowHeight = mPopupWindow.getContentView().getMeasuredHeight();
  mPopupWindowWidth = mPopupWindow.getContentView().getMeasuredWidth();
 }

 @Override
 public boolean onTouchEvent(MotionEvent ev) {
  int action = ev.getAction();
  int x = (int) ev.getX();
  int y = (int) ev.getY();

  switch (action){
   case MotionEvent.ACTION_DOWN:
    isSliding = false;
    mXDown = x;
    mYDown = y;
    mCurrentPosition = pointToPosition(mXDown, mYDown);
    View view = getChildAt(mCurrentPosition - getFirstVisiblePosition());
    mCurrentView = view;
    break;
   case MotionEvent.ACTION_MOVE:
    int dx = x - mXDown;
    int dy = y - mYDown;

    Log.d(TAG, "mTouchSlop = " + mTouchSlop + ", dx = " + dx + ", dy = " + dy);

    if(mXDown > x && Math.abs(dx) > mTouchSlop && Math.abs(dy) < mTouchSlop){
     Log.d(TAG, "isSliding");
     isSliding = true;
     int[] location = new int[2];
     mCurrentView.getLocationOnScreen(location);
     mPopupWindow.setAnimationStyle(R.style.popwindow_delete_btn_anim_style);
     mPopupWindow.update();
     Log.d(TAG, "Height: " + mCurrentView.getHeight() + "," + mPopupWindow.getHeight());
     mPopupWindow.showAtLocation(mCurrentView, Gravity.NO_GRAVITY,
       location[0] + mCurrentView.getWidth(),
       location[1] + mCurrentView.getHeight() / 2 - mPopupWindowHeight / 2);
     mDelBtn.setOnClickListener(new OnClickListener() {
      @Override
      public void onClick(View v) {
       mListener.clickHappend(mCurrentPosition);
       mPopupWindow.dismiss();
      }
     });
    }
   case MotionEvent.ACTION_UP:
    // isSliding 如果这里恢复为false,则后面会执行super.onTouchEvent事件,
    // 而AbsListView的onTouchEvent调用了onTouchUp方法,在onTouchUp方法中有可能执行
    // performClick.run() --> performItemClick() --> super.performItemClick
    // --> mOnItemClickListener.onItemClick,这样最终触发Item的点击。
    // 因此此处依旧保持isSliding为true的状态,而在ACTION_DOWN事件中恢复isSliding为false,
    // 毕竟每个事件都以ACTION_DOWN开始。
    //isSliding = false;
  }

  if(isSliding){
   return true;
  }

  return super.onTouchEvent(ev);
 }

 public void setDelButtonClickListener(DelButtonClickListener listener){
  mListener = listener;
 }

 interface DelButtonClickListener{
  public void clickHappend(int position);
 }
}

通过这个例子学习到:
 1、ListView的Item点击事件的触发过程:
 自定义ListView的onTouchEvent()  ---调用super.onTouchEvent()---> AbsListView.onTouchEvent() ---MotionEvent.ACTION_UP---> AbsListView.onTouchUp() 
---(有可能)调用performClick.run()---> AbsListView.PerformClick.run() ---调用performItemClick()---> AbsListView.performItemClick()

---(有可能)调用super.performItemClick()---> AdapterView.performItemClick() ---mOnItemClickListener.onItemClick---> OnItemClickListener.onItemClick() 
也就是Item的点击事件是在MotionEvent.ACTION_UP事件完成的,这样在自定义ListView的onTouchEvent()中,对MotionEvent.ACTION_UP直接return true消费掉事件,而不要调用super.onTouchEvent。这样就避免了删除按钮与Item点击事件的冲突。

2、PopupWindow--通过点击PopupWindow之外的地方使其消失 
a、需要调用setFocusable()方法(PopupWindow中showAtLocation() --> createPopupLayoutParams() --> computeFlags() --> 设置FLAG_NOT_FOCUSABLE); 
b、Android 6.0以前的版本需要setBackgroundDrawable()(具体原因见:PopupWindow的使用)。

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

(0)

相关推荐

  • Android实现ListView左右滑动删除和编辑

    有时候,为了实现项目中的需求,完成设计好的用户交互体验,不的不把这些View重新改造成自己想要的效果. Android原生的ListView是不支持左右滑动的,但是看到微信电话本上,联系人可以左右滑动进行操作的,就通过自己的设想和思路,并加以实现了. 思路: 1.获取到手指放到屏幕时的x,y位置,并判断点击的处于ListView的那个position. 2.判断滑动的方向,如果是上下方向,touch事件就交给ListView处理:如果是左右方向,就禁止ListView进行滑动. 3.根据手指的移

  • 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[] listViewCo

  • Android实现滑动删除操作(PopupWindow)

    参考Android仿腾讯QQ实现滑动删除这篇文章进行学习,文章实现的功能是:在ListView的Item上从右向左滑时,出现删除按钮,点击删除按钮把Item删除,效果 看过文章后,感觉没有必要把dispatchTouchEvent()和onTouchEvent()两个方法都重写,只要重写onTouchEvent就好了.于是对代码作了一些调整: public class MyListView extends ListView { private static final String TAG =

  • Android ListView滑动删除操作(SwipeListView)

    新版本的微信和QQ上引入的滑动删除功能是现在比较流行的一个功能.其实这个滑动删除的控件,github上已经有了,是一个热门的开源框架SwipeListView.不过,这个SwipeListView是一个framelayout,即是一个两层的布局,上面的布局front覆盖了下面的布局back,滑动的时候则会滑开front,这样下面的back就显示出来了.但是看了一下微信的滑动删除好像不是这样的,感觉更像是一个超出了屏幕的单层布局,滑动的时候是右边超出屏幕的button进入屏幕,猜测应该不是使用Sw

  • Android自定义滑动删除效果的实现代码

    先给大家展示下效果图,如果感觉不错,请参考实现代码: 序言 最近项目中需要用到滑动删除,然后去网上搜了一下,发现现有网上的各种解决办法各式各样,但是还是找不到一个能将所有细节和逻辑处理好的,至于滑动删除部分,我觉得处理的相对比较好的是 QQ(包括处理各种逻辑和细节);最终,苦寻无果,于是决定自己动手,丰衣足食 这篇文章将从现有 Android 滑动删除的痛点,到搭建好一个基本的框架,到最终提供一份完整的 Demo为止,争取为读者提供最大的可定制化 正文 一. 滑动删除的痛点 (1). 现有资料中

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

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

  • Android RecyclerView滑动删除和拖动排序

    本篇是接着上面三篇之后的一个对RecyclerView的介绍,这里多说两句,如果你还在使用ListView的话,可以放弃掉ListView了.RecyclerView自动帮我们缓存Item视图(ViewHolder),允许我们自定义各种动作的动画和分割线,允许我们对Item进行一些手势操作.另外,因为Design库的推出大大方便我们编写带有Material风格的App,而ListView是不兼容这个库的,比如滑动的相互协调,只有RecyclerView能做到. 先看本篇内容的效果图: 效果内容主

  • Android仿微信列表滑动删除 如何实现滑动列表SwipeListView

    接上一篇,本篇主要讲如何实现滑动列表SwipeListView. 上篇完成了滑动控件SwipeItemView,这个控件是一个自定义的ViewGroup,作为列表的一个item,为列表提供一些方法让这个SwipeItemView能滑动其视图内容,同时滑动过程中会有顺滑的动画效果.而本篇讲的SwipeListView则是这个列表的具体实现了.当然啦,这个SwipeListView继承自ListView,为了实现我们需要的功能,重点就是重写ListView的onTouchEvent()以及onInt

  • Android中RecyclerView实现滑动删除与拖拽功能

    前言 从Android 5.0开始,谷歌推出了新的控件RecyclerView,相对于早它之前的ListView,优点多多,功能强大,也给我们的开发着提供了极大的便利,今天自己学习一下RecyclerView轻松实现滑动删除及拖拽的效果. 如下图. 相信研究过RecyclerView的同学,应该很清楚该怎么实现这样的效果,若是用ListView,这样的效果实现起来可能就有点麻烦,但是在强大的RecyclerView面前这样的的效果只需很少的代码,因为谷歌给我们提供了强大的工具类ItemTouch

  • Android滑动删除数据功能的实现代码

    今天学习了新的功能那就是滑动删除数据.先看一下效果 我想这个效果大家都很熟悉吧.是不是在qq上看见过这个效果.俗话说好记性不如赖笔头,为了我的以后,为了跟我一样自学的小伙伴们,我把我的代码粘贴在下面. activity_lookstaff.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.co

  • Android一步步带你在RecyclerView上面实现"拖放"和"滑动删除"功能

    先给大家展示下大概效果图: Android上面有许多的教程, 库和示例, 在RecyclerView上面实现"拖放"和"滑动删除"功能. 尽管有更新, 更好的方法可用, 但是大多数人依然使用旧的View.OnDragListener和Roman Nurik的SwipeToDismiss方式. 除了经常使用GestureDetector和onInterceptTouchEvent之外, 几乎很少有人使用新的API, 要不然的话, 实现就复杂. 事实上真的有十分简单的方

随机推荐