文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

android如何基于SwipeRefreshLayout实现类QQ的侧滑删除

2023-05-30 18:39

关注

小编给大家分享一下android如何基于SwipeRefreshLayout实现类QQ的侧滑删除,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

还是效果图优先

android如何基于SwipeRefreshLayout实现类QQ的侧滑删除

效果图当中看不出来事件滑动的解决方案(或者是我不会如何录制手指在屏幕上滑动方向和点击,知道的大神请告诉下,谢谢)具体的可以去下方的GitHub上下载看。

还是先看怎么用

首先传送门地址 SwipeMenuRefreshView

此项目中引用了一个侧滑菜单的库具体的地址 AndroidSwipeLayout (这是一个非常强大的库可以上下左右的滑动展示,具体可以去其GitHub上了解)

引用

compile 'com.nero.ren:SwipeMenu:1.2.0'

布局文件

<ren.widget.refresh.SwipeMenuRefreshView    android:id="@+id/refresh"    android:layout_width="match_parent"    android:layout_height="match_parent">    <ListView      android:id="@+id/listview"      android:layout_width="match_parent"      android:layout_height="match_parent"      android:orientation="vertical" />  </ren.widget.refresh.SwipeMenuRefreshView>

Item布局文件

<com.daimajia.swipe.SwipeLayout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:app="http://schemas.android.com/apk/res-auto"  android:layout_width="match_parent"  android:layout_height="80dp"  app:clickToClose="true">  //侧滑出来的布局  <LinearLayout    android:id="@+id/bottom_wrapper_2"    android:layout_width="wrap_content"    android:layout_height="80dp"    android:tag="Bottom4">    <TextView      android:id="@+id/top"      android:layout_width="70dp"      android:layout_height="match_parent"      android:background="#cfcfcf"      android:gravity="center"      android:text="置顶" />    <TextView      android:id="@+id/noread"      android:layout_width="100dp"      android:layout_height="match_parent"      android:background="#ffa500"      android:gravity="center"      android:text="标记未读" />    <TextView      android:id="@+id/delete"      android:layout_width="70dp"      android:layout_height="match_parent"      android:background="#FF0000"      android:gravity="center"      android:text="删除" />  </LinearLayout>  //默认展示的布局  <RelativeLayout    android:layout_width="match_parent"    android:layout_height="80dp">    <TextView      android:id="@+id/text"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:layout_centerVertical="true"      android:text="aaaaa"      android:textSize="18sp" />  </RelativeLayout></com.daimajia.swipe.SwipeLayout>

具体实现

实现思路

思路其实也很简单就是在实现自定义SwipeRefreshLayout重写onInterceptTouchEvent根据左右还是上下滑动进行事件的拦截和下发

判断滑动方向

主要根据用户滑动的夹角来判断是上下滑动还是左右滑动。判断后设置一个标记,下一次滑动的时候如果上下滑动(Listiview)的滑动那么就调用父类的的onInterceptTouchEvent方法正常滑动,此时事件在到达侧滑菜单的时候已经被消费了所有不会滑出侧滑菜单。如果是左右滑动则return false 不拦截事件交由子控件处理,这是左右滑动Listview是不会做消费所以会到达让侧滑菜单来处理。

case MotionEvent.ACTION_DOWN:        pressX = (int) ev.getX(); //记录按下的X坐标        pressY = (int) ev.getY();//记录按下的Y坐标        break;   case MotionEvent.ACTION_MOVE:        //判断滑动距离是否是正常的滑动        if (Math.abs(ev.getY() - pressY) < touchSlop && Math.abs(ev.getX() - pressX) < touchSlop)          return super.onInterceptTouchEvent(ev);        //如果用户是滑动listview则交由父类onInterceptTouchEvent处理        if (interceptStatus == REFRESH_STATUS)          return super.onInterceptTouchEvent(ev);          //用户如果是滑出SwipeLayout则不拦截时间交由SwipeLayout处理        else if (interceptStatus == SWIPE_MENU_OPEN)          return false;        //根据滑动角度判断用户是滑出SwipeLayout还是Listview        double angle = Math.atan((ev.getY() - pressY) / (ev.getX() - pressX));//计算滑动的角度        int degrees = (int) Math.toDegrees(angle);        degrees = Math.abs(degrees);        //大于45度则判断为Listview滑动        if (degrees > 45) {          Log.d(TAG, "正在上下滑动");          //如果当前是SwipeLayout内点击的事件序列则不允许滑动          if (interceptStatus == SWIPE_MENU_CLOSE)            return true;          interceptStatus = REFRESH_STATUS; //标记为Listview滑动          return super.onInterceptTouchEvent(ev);        } else { //小于45度则判断为SwipeLayout滑动          Log.e(TAG, "正在左右滑动");          currentSwipeLayout = getCurrentSwipeLayout(); //获取当前滑出的SwipeLayout          interceptStatus = SWIPE_MENU_OPEN; //标记为SwipeLayout滑动          return false;        }

3点击事件处理

点击事件分为几种情况

用户普通的item点击:此情况下不做任何处理

当滑出侧滑菜单栏以后,点击其他的item时,这是判断是否是当前滑出的侧滑菜单的position如若不是在down事件的时候变将其关闭并且 return true当在onInterceptTouchEvent中retur true 后此后所有的事件,直到手指抬起时的所有操作都交由自身的onTouchEvent处理而在onTouchEvent中也不做任何操作直接拦截即可达到需要的效果

判断是否是点击的当前滑出菜单的Item

if (currentSwipeLayout != null && currentSwipeLayout.getOpenStatus() != SwipeLayout.Status.Close) { //如果当前有打开或者正在打开的SwipeLayout          Log.d(TAG, "currentSwipeLayout.getOpenStatus() " + currentSwipeLayout.getOpenStatus());          interceptStatus = SWIPE_MENU_CLOSE;//此次用户操作为关闭SwipeLayout          Rect rect = new Rect();          currentSwipeLayout.getHitRect(rect);          //判断当前点击X Y坐标是否在当前SwipeLayout中,即用户是否点击这个SwipeLayout,有就不拦截时间交由SwipeLayout自己处理          if (rect.contains(pressX, pressY)) {            return false;          }        onInterceptTouchEvent中down事件     case MotionEvent.ACTION_DOWN:           //如果没有就关闭并且拦截此时间顺序中所有事件          currentSwipeLayout.close();          return true;     onTouchEvent中的move事件     case MotionEvent.ACTION_MOVE:        if (interceptStatus == SWIPE_MENU_CLOSE)//如果是SwipeLayout关闭事件序列则拦截事件          return true;

当用户点击的是当前侧滑菜单,这里又有两种情况如果点击的范围不是侧滑菜单的范围则return false这时如果抬手时是在侧滑菜单的范围内将会触发点击事件(如果有)如果没有在此范围则关闭侧滑菜单。如果此期间有move事件即用户有滑动会进入之前说的move判断逻辑。

简而言之就是按下的范围是滑出侧滑菜单的Item则不拦截交由儿子你说了算,如果有滑动就由父类进行开始说的判断,然后进行相应逻辑,此时就不是儿子说了算。

//判断当前点击X Y坐标是否在当前SwipeLayout中,即用户是否点击这个SwipeLayout,有就不拦截时间交由SwipeLayout自己处理          if (rect.contains(pressX, pressY)) {            return false;          }          //如果没有就关闭并且拦截此时间顺序中所有事件          currentSwipeLayout.close();          return true;

以上是“android如何基于SwipeRefreshLayout实现类QQ的侧滑删除”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯