Android侧滑-RecyclerView轻松实现高效的侧滑菜单
一 前言
利用系统类ItemTouchHelper实现简单高效的RecyclerView侧滑菜单!
仿qq的侧滑,跟随滑动…
简单的侧滑点击删除,覆盖滑动…
ItemTouchHelper是Android系统提供的一个帮助类,可以很轻松的用它实现长按拖拽和侧滑删除功能(这里的是侧滑之后直接删除整条Item),下面来看一下使用方法.
ItemTouchHelper.Callback
官方的解释是这样的,这个类是ItemTouchHelper和您的应用程序之间的契约。它允许您控制每个ViewHolder都启用了哪些触摸行为,并且在user执行这些操作时也会接收回调 .通俗来说就是我们可以再这个类里面去控制我们想要的触摸效果,也就是侧滑还是拖拽.然后可以得到动作执行中的回调,和动作执行结束后的回调.
我们需要继承ItemTouchHelper.Callback来实现自己的逻辑.我先大致的介绍一下具体的使用方法,详情还请自行查资料.请看代码:
/**
* 实现自己的逻辑
* Created by WANG on 18/3/14.
*/
public class ItemTouchHelperCallback extends ItemTouchHelper.Callback {
//是否支持侧滑
@Override
public boolean isItemViewSwipeEnabled() {
return true;
}
@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
return makeMovementFlags(0, ItemTouchHelper.START);
}
@Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
return false;
}
@Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
}
@Override
public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
return;
}
@Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
super.clearView(recyclerView, viewHolder);
}
}
//这里给RecyclerView设置一下就OK拉
ItemTouchHelperCallback touchHelperCallback = new ItemTouchHelperCallback();
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是实现它的最好选择了.代码如下:
//接口
public interface Extension {
float getActionWidth();
}
**********************Viewholder***********************
/**
* view.getWidth()获取的是屏幕中可以看到的大小.
*/
public class RecViewholder extends RecyclerView.ViewHolder implements Extension {
public TextView textView;
public TextView slide;
public RecViewholder(View itemView) {
super(itemView);
textView = itemView.findViewById(R.id.item_text);
slide = itemView.findViewById(R.id.item_slide);
}
@Override
public float getActionWidth() {
return slide.getWidth();
}
}
新增了tag.需要在我们滑动的xml布局里面设置一个tag=”slide_flag”,用来标识该布局为侧滑滑动的布局.用例:
//这个标识的布局就是我们能滑动的布局.
<TextView
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
public String getItemSlideType() {
return type;
}
再onChildDraw里面做一些处理.
@Override
public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
if (viewHolder instanceof RecAdapter.RecViewholder) {
RecAdapter.RecViewholder holder = (RecAdapter.RecViewholder) viewHolder;
float actionWidth = holder.getActionWidth();
if (dX < -actionWidth) {
dX = -actionWidth;
}
holder.slideItem.setTranslationX(dX);
}else if(viewHolder instanceof RecOtherTypeAdapter.RecViewholder){
RecOtherTypeAdapter.RecViewholder holder = (RecOtherTypeAdapter.RecViewholder) viewHolder;
float actionWidth = holder.getActionWidth();
if (dX < -actionWidth) {
dX = -actionWidth;
}
holder.textView.setTranslationX(dX);
}
return;
}
然后就是使用我们改进版的WItemTouchHelperPlus.Callback和WItemTouchHelperPlus来实现侧滑.基本使用和系统类别无差异.源码相当多,这里就不再贴出具体可以去Github欢迎start
原文发布时间为:2018-08-29
本文来自云栖社区合作伙伴“Android开发中文站”,了解相关信息可以关注“Android开发中文站”。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
音视频通信 RTC SDK V1.2发布
信息摘要: 优化弱网体验,丢包网络下,延时更低、视频更清晰; 支持WebRTC SDK, 支持Android、iOS、Windows、Mac 适用客户: 在线教育、远程医疗、互动娱乐等音视频开发者 版本/规格功能: 1. 优化网络连接,支持UDP多端口通信 2. 优化弱网体验,丢包网络下视频更流畅 3. 支持与Web H5 SDK互通,实现与Native SDK互通互联 产品文档: https://help.aliyun.com/document_detail/71770.html?spm=a2c4g.11174283.6.572.57763c3dHA1CKE
- 下一篇
如何去掉或者修改网页中的遮罩层,DIV等元素?
起因: 前几天女友在查资料写文章,打开一个网页,发现网页的被一个半透明的遮罩层给覆盖了(一个已经过期的组织活动 的网页,H5就将它遮盖了),就来问我怎么弄。 当然,这个问题对于大部分开发来说还是很简单的,直接删除dom中的那个遮罩层元素即可,但是还有很多非开发的小白肯定不知道怎么做 举例: 这个例子不太规范,因为它上面有个X号,就这样吧,意思到位就OK了 如果没有那个X号,这个网页我们是无法操作或者查看的 方法1(适合小白): 1.在Chrome浏览器中,右键,选择Inspect(检查) 2.选择中下面的代码,直接删除即可 方法2: 这个方法适合程序员,直接执行JS,移除它。在Chrome浏览器中,在console中直接用JS语句让div等元素消失;Android或者iOS通过webView执行类似的JS语句即可,我这里就不细说了 效果: 拓展: 只要是网页,我们就可以任意修改里面的内容,因为网页有各种dom元素组成的树状结构,dom元素被加载到我们本地,那服务端就无法对我们的dom显示内容进行控制 例如,修改名称,隐藏,等任何JS操作
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Windows10,CentOS7,CentOS8安装Nodejs环境
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- CentOS8安装Docker,最新的服务器搭配容器使用
- 设置Eclipse缩进为4个空格,增强代码规范
- Red5直播服务器,属于Java语言的直播服务器
- SpringBoot2整合Redis,开启缓存,提高访问速度
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- SpringBoot2更换Tomcat为Jetty,小型站点的福音
- CentOS7,8上快速安装Gitea,搭建Git服务器