android实现菜单侧滑栏,Android侧滑-RecyclerView轻松实现高效的侧滑菜单
原标题:Android侧滑-RecyclerView轻松实现高效的侧滑菜单
一 前言
利用系统类ItemTouchHelper实现简单高效的RecyclerView侧滑菜单!
仿qq的侧滑,跟随滑动…
简单的侧滑点击删除,覆盖滑动…
二 知识准备
ItemTouchHelper是Android系统提供的一个帮助类,可以很轻松的用它实现长按拖拽和侧滑删除功能(这里的是侧滑之后直接删除整条Item),下面来看一下使用方法.
ItemTouchHelper.Callback
官方的解释是这样的,这个类是ItemTouchHelper和您的应用程序之间的契约。它允许您控制每个ViewHolder都启用了哪些触摸行为,并且在user执行这些操作时也会接收回调 .通俗来说就是我们可以再这个类里面去控制我们想要的触摸效果,也就是侧滑还是拖拽.然后可以得到动作执行中的回调,和动作执行结束后的回调.
我们需要继承ItemTouchHelper.Callback来实现自己的逻辑.我先大致的介绍一下具体的使用方法,详情还请自行查资料.请看代码:
/**
* 实现自己的逻辑
* Created by WANG on 18/3/14.
*/
publicclassItemTouchHelperCallbackextendsItemTouchHelper.Callback{
//是否支持侧滑
@Override
publicbooleanisItemViewSwipeEnabled(){
returntrue;
}
@Override
publicintgetMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder){
returnmakeMovementFlags( 0, ItemTouchHelper.START);
}
@Override
publicbooleanonMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target){
returnfalse;
}
@Override
publicvoidonSwiped(RecyclerView.ViewHolder viewHolder, intdirection){
}
@Override
publicvoidonChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, floatdX, floatdY, intactionState, booleanisCurrentlyActive){
return;
}
@Override
publicvoidclearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder){
super.clearView(recyclerView, viewHolder);
}
}
//这里给RecyclerView设置一下就OK拉
ItemTouchHelperCallback touchHelperCallback = newItemTouchHelperCallback();
ItemTouchHelper itemTouchHelper=newItemTouchHelper(touchHelperCallback);
itemTouchHelper.attachToRecyclerView(recyclerView);
下面是我目前发现的系统的ItemTouchHelper的一些弊端和好处:
弊端:
1 当处于滑动状态的时候不下发点击事件.
2 滑动的距离为RecyclerView的宽度,往往就是屏幕的宽度.
3 限制滑动距离之后,无法正常恢复侧滑(让滑动的View复位).
4 当Item手动滑动之后不能自由的自动的恢复侧滑(让滑动的View复位).
5 无法做到特定的Item不让侧滑.
6 总问言之侧滑不流畅.
好处:
1 侧滑布局的样式我们可以随意的更改.
2 滑动的距离可以随意的固定.
3 侧滑恢复的动画我们可以控制.
4 总而言之给了开发者很大的自由.
三 改进版的WItemTouchHelperPlus
新增了一个接口Extension用来获取我们侧滑的距离,需要在获取侧滑控件的地方去实现该接口,因为再ItemTouchHelper里面我们操作的是ViewHolder,所以我们的ViewHiolder是实现它的最好选择了.代码如下:
//接口
publicinterfaceExtension{
floatgetActionWidth();
}
**********************Viewholder***********************
/**
* view.getWidth()获取的是屏幕中可以看到的大小.
*/
publicclassRecViewholderextendsRecyclerView.ViewHolderimplementsExtension{
publicTextView textView;
publicTextView slide;
publicRecViewholder(View itemView){
super(itemView);
textView = itemView.findViewById(R.id.item_text);
slide = itemView.findViewById(R.id.item_slide);
}
@Override
publicfloatgetActionWidth(){
returnslide.getWidth();
}
}
新增了tag.需要在我们滑动的xml布局里面设置一个tag=”slide_flag”,用来标识该布局为侧滑滑动的布局.用例:
//这个标识的布局就是我们能滑动的布局.
android: id= "@+id/item_text"
android:layout_width= "match_parent"
android:layout_height= "50dp"
android:background= "#e1e1e1"
android:gravity= "center"
android:tag= "slide_flag"
android:text= "item"
android:textColor= "#333333"
android:textSize= "16sp"/>
WItemTouchHelperPlus.Callback需要重写getItemSlideType方法返我们侧滑的布局类型,就是文章开始处的跟随GIF和覆盖GIF两种侧滑布局.
@Override
publicString getItemSlideType(){
returntype;
}
再onChildDraw里面做一些处理.
@Override
publicvoidonChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, floatdX, floatdY, intactionState, booleanisCurrentlyActive){
if(viewHolder instanceofRecAdapter.RecViewholder) {
RecAdapter.RecViewholder holder = (RecAdapter.RecViewholder) viewHolder;
floatactionWidth = holder.getActionWidth();
if(dX < -actionWidth) {
dX = -actionWidth;
}
holder.slideItem.setTranslationX(dX);
} elseif(viewHolder instanceofRecOtherTypeAdapter.RecViewholder){
RecOtherTypeAdapter.RecViewholder holder = (RecOtherTypeAdapter.RecViewholder) viewHolder;
floatactionWidth = holder.getActionWidth();
if(dX < -actionWidth) {
dX = -actionWidth;
}
holder.textView.setTranslationX(dX);
}
return;
}
然后就是使用我们改进版的WItemTouchHelperPlus.Callback和WItemTouchHelperPlus来实现侧滑.基本使用和系统类别无差异.源码相当多,这里就不再贴出具体可以去Github欢迎start
结束
这里只是大概的介绍了一下定制版WItemTouchHelperPlus和系统类的一些不同,以及定制版的一些用法,希望大家多多指导文章中出现的错误,欢迎大家的反馈,欢迎评论吐槽哦~
责任编辑:
android实现菜单侧滑栏,Android侧滑-RecyclerView轻松实现高效的侧滑菜单相关推荐
- Android侧滑删除-RecyclerView轻松实现高效的侧滑菜单
1 删除整个RecyclerView hisList.clear(); hisAdapter.notifyDataSetChanged(); mScanListAdapter.setNewData ...
- android左侧固定导航栏,Android使用fragment实现左侧导航
使用简单的fragment实现左侧导航,供大家参考,具体内容如下 先上效果图: MainActivity.java public class MainActivity extends Fragment ...
- autojs之大柒侧滑栏详解
使用场景 解析 大柒 侧滑栏 效果展示 缘由 大柒做UI很棒, 以前他在群里分享过这个侧滑栏, 虽然一直没有能用到这个侧滑栏的机会, 但是还是想看看他怎么做的 autoj版本 代码讲解 布局 整体就是 ...
- 【微信小程序】侧滑栏,手动侧滑出个人中心(完整代码附效果图)
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. 正文: 博文分三部分,1.效果图及功能效果说明 2.实现思路 3.源代码 欢迎加入微信小程序开发交流群( ...
- Android状态栏和导航栏透明和沉浸式模式
最近在App上需要对状态栏进行相关的设置,在网上看了些文章,像郭神的沉浸式那篇博客对我启发蛮大,但是对状态栏的设置,包括隐藏,透明,颜色设置等,并没有比较系统的概念,实现方式不止一种,有操作Windo ...
- Android 侧滑栏 (DrawerLayout)
DrawerLayout 实现侧滑栏非常简单 支持左滑动以及右滑动 默认滑动出来侧滑栏 DrawerLayout 需要引入support:appcompat 库,一般创建项目的时候自带的有,这个库就 ...
- android attrs获取_Android 常用侧滑栏实现
我们在平常使用手机时可以看到很多的App的会有侧滑菜单栏的效果,这次我将使用SlidingPaneLayout来实现这个功能. 首先我们先看下最终效果: 1. SlidingPaneLayout Sl ...
- android 三个点按钮实现_Android 常用侧滑栏实现
我们在平常使用手机时可以看到很多的App的会有侧滑菜单栏的效果,这次我将使用SlidingPaneLayout来实现这个功能. 首先我们先看下最终效果: SlidingPaneLayout Slidi ...
- 第三方侧滑菜单SlidingMenu在android studio中的使用
南尘:每天进步一点点! 前面讲了官方的侧滑菜单DrawerLayout的使用,其实早在官方没有推出这个之前,就有很多第三方的jar包如SlidingMenu等,感谢开源的力量. SlidingMenu ...
- android微信右滑删除,Android实现微信侧滑删除当前页面
本文实例为大家分享了微信侧滑删除当前页面的具体代码,供大家参考,具体内容如下 效果图不是太明显 实际上有finish动画 代码 package com.finddreams.slidingback.u ...
最新文章
- 精简易懂,30 分钟学会 SVD 矩阵分解,很强!
- AUTOVC: Zero-Shot Voice Style Transfer with Only Autoencoder Loss代码调试过程
- 《Adobe Photoshop CS5中文版经典教程(全彩版)》—第2课2.8节使用仿制图章工具修复特定区域...
- html保存blob,HTML文本图像并保存为Blob到数据库
- Centos6.5子域名绑定子目录
- Silverlight - Out of Browser配置,安装和卸载
- Python OS和shutil模块的常见方法
- dll已加载但找不到入口点DLLRegisterServer
- deepin20自带c语言,deepin 20.1终于找到你-国产操作系统deepin之初体验
- 第三章 进程管理笔记
- 安徽计算机技术学院蚌埠,安徽蚌埠技师学院2021年招生简章
- 专属于程序猿的成语,进来看,进来笑!
- 电商系统如何实现订单超时自动取消?
- 英语口语测试评分软件,最客观的英语口语APP亲身测评,这3款软件让你的口语脱颖而出...
- mysql还原数据库非常慢_mysql还原数据库慢
- click与onclick的区别
- 程序员如何提升自己的能力
- 计算机多显器设置方法,一个电脑多个显示器怎么设置
- 【小程序云开发转uniCloud阿里云】
- [Practical.Vim(2012.9)].Drew.Neil.Tip51 学习摘要