Android Recyclerview实现左滑删除功能
本文实例为大家分享了Android Recyclerview实现左滑删除的具体代码，供大家参考，具体内容如下
1.先创建一个工具类
SlideRecyclerView
public class SlideRecyclerView extends RecyclerView {
private static final String TAG = "SlideRecyclerView";
private static final int INVALID_POSITION = -1; // 触摸到的点不在子View范围内
private static final int INVALID_CHILD_WIDTH = -1; // 子ItemView不含两个子View
private static final int SNAP_VELOCITY = 600; // 最小滑动速度
private VelocityTracker mVelocityTracker; // 速度追踪器
private int mTouchSlop; // 认为是滑动的最小距离（一般由系统提供）
private Rect mTouchFrame; // 子View所在的矩形范围
private Scroller mScroller;
private float mLastX; // 滑动过程中记录上次触碰点X
private float mFirstX, mFirstY; // 首次触碰范围
private boolean mIsSlide; // 是否滑动子View
private ViewGroup mFlingView; // 触碰的子View
private int mPosition; // 触碰的view的位置
private int mMenuViewWidth; // 菜单按钮宽度
public SlideRecyclerView(Context context) {
this(context, null);
}
public SlideRecyclerView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public SlideRecyclerView(Context context, @Nullable AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
mScroller = new Scroller(context);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent e) {
int x = (int) e.getX();
int y = (int) e.getY();
obtainVelocity(e);
switch (e.getAction()) {
case MotionEvent.ACTION_DOWN:
if (!mScroller.isFinished()) { // 如果动画还没停止，则立即终止动画
mScroller.abortAnimation();
}
mFirstX = mLastX = x;
mFirstY = y;
mPosition = pointToPosition(x, y); // 获取触碰点所在的position
if (mPosition != INVALID_POSITION) {
View view = mFlingView;
// 获取触碰点所在的view
mFlingView = (ViewGroup) getChildAt(mPosition - ((LinearLayoutManager) getLayoutManager()).findFirstVisibleItemPosition());
// 这里判断一下如果之前触碰的view已经打开，而当前碰到的view不是那个view则立即关闭之前的view，此处并不需要担动画没完成冲突，因为之前已经abortAnimation
if (view != null && mFlingView != view && view.getScrollX() != 0) {
view.scrollTo(0, 0);
}
// 这里进行了强制的要求，RecyclerView的子ViewGroup必须要有2个子view,这样菜单按钮才会有值，
// 需要注意的是:如果不定制RecyclerView的子View，则要求子View必须要有固定的width。
// 比如使用LinearLayout作为根布局，而content部分width已经是match_parent，此时如果菜单view用的是wrap_content，menu的宽度就会为0。
if (mFlingView.getChildCount() == 2) {
mMenuViewWidth = mFlingView.getChildAt(1).getWidth();
} else {
mMenuViewWidth = INVALID_CHILD_WIDTH;
}
}
break;
case MotionEvent.ACTION_MOVE:
mVelocityTracker.computeCurrentVelocity(1000);
// 此处有俩判断，满足其一则认为是侧滑：
// 1.如果x方向速度大于y方向速度，且大于最小速度限制；
// 2.如果x方向的侧滑距离大于y方向滑动距离，且x方向达到最小滑动距离；
float xVelocity = mVelocityTracker.getXVelocity();
float yVelocity = mVelocityTracker.getYVelocity();
if (Math.abs(xVelocity) > SNAP_VELOCITY && Math.abs(xVelocity) > Math.abs(yVelocity)
|| Math.abs(x - mFirstX) >= mTouchSlop
&& Math.abs(x - mFirstX) > Math.abs(y - mFirstY)) {
mIsSlide = true;
return true;
}
break;
case MotionEvent.ACTION_UP:
releaseVelocity();
break;
}
return super.onInterceptTouchEvent(e);
}
@Override
public boolean onTouchEvent(MotionEvent e) {
if (mIsSlide && mPosition != INVALID_POSITION) {
float x = e.getX();
obtainVelocity(e);
switch (e.getAction()) {
case MotionEvent.ACTION_DOWN: // 因为没有拦截，所以不会被调用到
break;
case MotionEvent.ACTION_MOVE:
// 随手指滑动
if (mMenuViewWidth != INVALID_CHILD_WIDTH) {
float dx = mLastX - x;
if (mFlingView.getScrollX() + dx <= mMenuViewWidth
&& mFlingView.getScrollX() + dx > 0) {
mFlingView.scrollBy((int) dx, 0);
}
mLastX = x;
}
break;
case MotionEvent.ACTION_UP:
if (mMenuViewWidth != INVALID_CHILD_WIDTH) {
int scrollX = mFlingView.getScrollX();
mVelocityTracker.computeCurrentVelocity(1000);
// 此处有两个原因决定是否打开菜单：
// 1.菜单被拉出宽度大于菜单宽度一半；
// 2.横向滑动速度大于最小滑动速度；
// 注意：之所以要小于负值，是因为向左滑则速度为负值
if (mVelocityTracker.getXVelocity() < -SNAP_VELOCITY) { // 向左侧滑达到侧滑最低速度，则打开
mScroller.startScroll(scrollX, 0, mMenuViewWidth - scrollX, 0, Math.abs(mMenuViewWidth - scrollX));
} else if (mVelocityTracker.getXVelocity() >= SNAP_VELOCITY) { // 向右侧滑达到侧滑最低速度，则关闭
mScroller.startScroll(scrollX, 0, -scrollX, 0, Math.abs(scrollX));
} else if (scrollX >= mMenuViewWidth / 2) { // 如果超过删除按钮一半，则打开
mScroller.startScroll(scrollX, 0, mMenuViewWidth - scrollX, 0, Math.abs(mMenuViewWidth - scrollX));
} else { // 其他情况则关闭
mScroller.startScroll(scrollX, 0, -scrollX, 0, Math.abs(scrollX));
}
invalidate();
}
mMenuViewWidth = INVALID_CHILD_WIDTH;
mIsSlide = false;
mPosition = INVALID_POSITION;
releaseVelocity(); // 这里之所以会调用，是因为如果前面拦截了，就不会执行ACTION_UP,需要在这里释放追踪
break;
}
return true;
} else {
// 此处防止RecyclerView正常滑动时，还有菜单未关闭
closeMenu();
// Velocity，这里的释放是防止RecyclerView正常拦截了，但是在onTouchEvent中却没有被释放；
// 有三种情况：1.onInterceptTouchEvent并未拦截，在onInterceptTouchEvent方法中，DOWN和UP一对获取和释放；
// 2.onInterceptTouchEvent拦截，DOWN获取，但事件不是被侧滑处理，需要在这里进行释放；
// 3.onInterceptTouchEvent拦截，DOWN获取，事件被侧滑处理，则在onTouchEvent的UP中释放。
releaseVelocity();
}
return super.onTouchEvent(e);
}
private void releaseVelocity() {
if (mVelocityTracker != null) {
mVelocityTracker.clear();
mVelocityTracker.recycle();
mVelocityTracker = null;
}
}
private void obtainVelocity(MotionEvent event) {
if (mVelocityTracker == null) {
mVelocityTracker = VelocityTracker.obtain();
}
mVelocityTracker.addMovement(event);
}
public int pointToPosition(int x, int y) {
if (null == getLayoutManager()) return INVALID_POSITION;
int firstPosition = ((LinearLayoutManager) getLayoutManager()).findFirstVisibleItemPosition();
Rect frame = mTouchFrame;
if (frame == null) {
mTouchFrame = new Rect();
frame = mTouchFrame;
}
final int count = getChildCount();
for (int i = count - 1; i >= 0; i--) {
final View child = getChildAt(i);
if (child.getVisibility() == View.VISIBLE) {
child.getHitRect(frame);
if (frame.contains(x, y)) {
return firstPosition + i;
}
}
}
return INVALID_POSITION;
}
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
mFlingView.scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
invalidate();
}
}
/**
* 将显示子菜单的子view关闭
* 这里本身是要自己来实现的，但是由于不定制item，因此不好监听器点击事件，因此需要调用者手动的关闭
*/
public void closeMenu() {
if (mFlingView != null && mFlingView.getScrollX() != 0) {
mFlingView.scrollTo(0, 0);
}
}
}
2.主布局
<com.xxx.xxx.SlideRecyclerView android:id="@+id/shoppingtrolley_rv" android:layout_width="match_parent" android:layout_height="wrap_content" />
3.子布局
adapter_shoppingtrollery
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:background="#FFF8F8F8" android:clickable="true"> <RelativeLayout android:layout_width="match_parent" android:layout_height="@dimen/dp_133" android:layout_marginTop="@dimen/dp_12" android:background="@color/white"> <CheckBox android:id="@+id/shoppingtrollery_ischeck" android:layout_width="@dimen/dp_20" android:layout_height="@dimen/dp_20" android:button="@null" android:background="@drawable/shoppingtrollery_selector" android:layout_marginStart="@dimen/dp_14" android:layout_centerVertical="true"/> <ImageView android:id="@+id/shoppingtrollery_iv" android:layout_width="@dimen/dp_100" android:layout_height="@dimen/dp_100" android:src="@mipmap/logo" android:layout_toEndOf="@+id/shoppingtrollery_ischeck" android:layout_centerVertical="true" android:layout_marginStart="@dimen/dp_11"/> <TextView android:id="@+id/shoppingtrollery_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="超级团品polo衫" android:textSize="@dimen/sp_16" android:textColor="@color/_333333" android:layout_toEndOf="@+id/shoppingtrollery_iv" android:layout_marginTop="@dimen/dp_22" android:layout_marginStart="@dimen/dp_14" android:textStyle="bold"/> <TextView android:id="@+id/shoppingtrollery_type" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="2瓶装套装" android:textSize="@dimen/sp_12" android:textColor="@color/_333333" android:layout_toEndOf="@+id/shoppingtrollery_iv" android:layout_below="@+id/shoppingtrollery_name" android:layout_marginTop="@dimen/dp_12" android:layout_marginStart="@dimen/dp_14"/> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:layout_below="@+id/shoppingtrollery_type" android:layout_marginTop="@dimen/dp_6" android:layout_toEndOf="@+id/shoppingtrollery_iv" android:layout_marginStart="@dimen/dp_11"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="￥" android:textSize="@dimen/sp_12" android:textColor="@color/black" android:textStyle="bold"/> <TextView android:id="@+id/shoppingtrollery_price" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="400.00" android:textSize="@dimen/sp_18" android:textColor="@color/black" android:textStyle="bold"/> </LinearLayout> <LinearLayout android:layout_width="@dimen/dp_72" android:layout_height="@dimen/dp_24" android:orientation="horizontal" android:layout_alignParentEnd="true" android:layout_marginEnd="@dimen/dp_12" android:layout_alignParentBottom="true" android:layout_marginBottom="@dimen/dp_17" android:background="@drawable/shoppingtrollery_adddelete_bg"> <TextView android:id="@+id/shoppingtrollery_subtract" android:layout_width="@dimen/dp_0" android:layout_weight="1" android:layout_height="match_parent" android:text="－" android:textColor="@color/_333333" android:textSize="@dimen/sp_15" android:gravity="center" android:textStyle="bold"/> <TextView android:id="@+id/shoppingtrollery_count" android:layout_width="@dimen/dp_0" android:layout_weight="1" android:layout_height="match_parent" android:text="1" android:textColor="@color/_333333" android:textSize="@dimen/sp_15" android:gravity="center" android:textStyle="bold"/> <TextView android:id="@+id/shoppingtrollery_add" android:layout_width="@dimen/dp_0" android:layout_weight="1" android:layout_height="match_parent" android:text="+" android:textColor="@color/_333333" android:textSize="@dimen/sp_15" android:gravity="center" android:textStyle="bold"/> </LinearLayout> </RelativeLayout> <LinearLayout android:layout_width="@dimen/dp_84" android:layout_height="match_parent" android:orientation="horizontal"> <TextView android:id="@+id/shoppingtrollery_delete" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#FFE6212A" android:gravity="center" android:text="删除" android:textColor="@color/white" android:textSize="@dimen/sp_16" /> </LinearLayout> </LinearLayout>
4.适配器
ShoppingtrolleyAdapter
public class ShoppingtrolleyAdapter extends RecyclerView.Adapter<ShoppingtrolleyAdapter.Myvh> {
Context context;
List<String> list;
private OnItemClickListener mOnItemClickListener;
public ShoppingtrolleyAdapter(Context context) {
this.context = context;
list = new ArrayList<>();
}
public void setList(List<String> list) {
this.list = list;
notifyDataSetChanged();
}
public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
mOnItemClickListener = onItemClickListener;
}
public interface OnItemClickListener {
void onItemClick(View view, int position);
}
@NonNull
@NotNull
@Override
public ShoppingtrolleyAdapter.Myvh onCreateViewHolder(@NonNull @NotNull ViewGroup parent, int viewType) {
View view = LayoutInflater.from(context).inflate(R.layout.adapter_shoppingtrollery,parent,false);
return new ShoppingtrolleyAdapter.Myvh(view);
}
@SuppressLint("SetTextI18n")
@Override
public void onBindViewHolder(@NonNull @NotNull ShoppingtrolleyAdapter.Myvh holder, int position) {
//左滑删除事件
holder.shoppingtrollery_delete.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (mOnItemClickListener != null) {
mOnItemClickListener.onItemClick(v, position);
}
}
});
}
@Override
public int getItemCount() {
return list.size();
}
public class Myvh extends RecyclerView.ViewHolder {
private final CheckBox shoppingtrollery_ischeck;
private final ImageView shoppingtrollery_iv;
private final TextView shoppingtrollery_name;
private final TextView shoppingtrollery_type;
private final TextView shoppingtrollery_price;
private final TextView shoppingtrollery_subtract;
private final TextView shoppingtrollery_count;
private final TextView shoppingtrollery_add;
private final TextView shoppingtrollery_delete;
public Myvh(@NonNull @NotNull View itemView) {
super(itemView);
shoppingtrollery_ischeck = itemView.findViewById(R.id.shoppingtrollery_ischeck);
shoppingtrollery_iv = itemView.findViewById(R.id.shoppingtrollery_iv);
shoppingtrollery_name = itemView.findViewById(R.id.shoppingtrollery_name);
shoppingtrollery_type = itemView.findViewById(R.id.shoppingtrollery_type);
shoppingtrollery_price = itemView.findViewById(R.id.shoppingtrollery_price);
shoppingtrollery_subtract = itemView.findViewById(R.id.shoppingtrollery_subtract);
shoppingtrollery_count = itemView.findViewById(R.id.shoppingtrollery_count);
shoppingtrollery_add = itemView.findViewById(R.id.shoppingtrollery_add);
shoppingtrollery_delete = itemView.findViewById(R.id.shoppingtrollery_delete);
}
}
}
5.主页代码
/**
* 购物车列表
*/
private void setlistdata() {
SlideRecyclerView shoppingtrolley_rv = findViewById(R.id.shoppingtrolley_rv);
// 创建布局管理
LinearLayoutManager layoutManager = new LinearLayoutManager(this);
layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
shoppingtrolley_rv.setLayoutManager(layoutManager);
//模拟数据
List<String> list = new ArrayList<>();
list.add("a");
list.add("a");
list.add("a");
list.add("a");
list.add("a");
ShoppingtrolleyAdapter shoppingtrolleyAdapter = new ShoppingtrolleyAdapter(this);
shoppingtrolleyAdapter.setList(list);
shoppingtrolley_rv.setAdapter(shoppingtrolleyAdapter);
//左滑删除
shoppingtrolleyAdapter.setOnItemClickListener(new ShoppingtrolleyAdapter.OnItemClickListener() {
@Override
public void onItemClick(View view, int position) {
list.remove(position);
shoppingtrolleyAdapter.notifyDataSetChanged();
//Toast.makeText(ShoppingtrolleyActivity.this, ""+position, Toast.LENGTH_SHORT).show();
}
});
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
赞 (0)
相关推荐
-
Android实现左滑删除列表功能
本文实例为大家分享了Android自定义左滑删除列表的具体代码,供大家参考,具体内容如下 1.布局文件view_left_slide_remove.xml 包含一个RelativeLayout和TextView,RelativeLayout是实际界面,TextView是删除按钮. <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://sch
-
Android使用CardView作为RecyclerView的Item并实现拖拽和左滑删除
引言 CardView是Android 5.0系统之后引入的众多控件之一,实现之后的效果也是比较酷的,它经常被用在RecyclerView和ListView中的Item中.今天我们就来了解一下CardView的属性,然后使用CardView和RecyclerView结合实现一个可以拖拽Item的布局. CardView的属性 CardView继承自FrameLayout,所以子控件的布局规则和FrameLayout的一样,是按照层次堆叠的 下面是CardView的一些常用属性: CardView
-
Android 实现左滑出现删除选项
滑动删除的部分主要包含两个部分, 一个是内容区域(用于放置正常显示的view),另一个是操作区域(用于放置删除按钮).默认情况下,操作区域是不显示的,内容区域的大小是填充整个容 器,操作区域始终位于内容区域的右面.当开始滑动的时候,整个容器中的所有子view都像左滑动,如果操作区域此时是不可见的,设置为可见. 实现思路就是自定义一个layout SwipeLayout继承自FrameLayout.SwipeLayout包含两个子view,第一个子view是内容区域,第二个子view是操作 区域.
-
Android 滑动监听RecyclerView线性流+左右划删除+上下移动
废话不多说了,直接给大家贴代码了.具体代码如下所示: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_wid
-
Android高仿QQ6.0侧滑删除实例代码
推荐阅读: 先给大家分享一下,侧滑删除,布局也就是前面一个item,然后有两个隐藏的按钮(TextView也可以),然后我们可以向左侧滑动,然后显示出来,然后对delete(删除键)实现监听,就可以了哈.好了那就来看看代码怎么实现的吧. 首先和之前一样 自定义View,初始化ViewDragHelper: package com.example.removesidepull; import android.content.Context; import android.support.v4.wi
-
android RecyclerView侧滑菜单，滑动删除，长按拖拽，下拉刷新上拉加载
本文介绍的库中的侧滑效果借鉴自SwipeMenu,并对SipwMenu的源码做了修改与Bug修复,然后才开发出的SwipeRecyclerView. 需要说明的是,本库没有对RecyclerView做大的修改,只是ItemView的封装.看起来是对RecyclerView的修改,其实仅仅是为RecyclerView添加了使用的方法API而已. 本库已经更新了三个版本了,会一直维护下去,根据小伙伴的要求,以后也会添加一些其它功能. SwipeRecyclerView将完美解决这些问题: 以下功能全
-
Android仿微信滑动弹出编辑、删除菜单效果、增加下拉刷新功能
如何为不同的list item呈现不同的菜单,本文实例就为大家介绍了Android仿微信或QQ滑动弹出编辑.删除菜单效果.增加下拉刷新等功能的实现,分享给大家供大家参考,具体内容如下 效果图: 1. 下载开源项目,并将其中的liberary导入到自己的项目中: 2. 使用SwipeMenuListView代替ListView,在页面中布局: <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipeRefresh
-
Android仿QQ列表左滑删除操作
最近学习了如何做一个像QQ的左滑RecyclerView的item显示选项的,主要是用到Scroller 我们首先新建一个自己的RecyclerView 定义好一些要用的的变量 重写构造方法,把前两个构造方法改为如下,使无论如何构造都要执行第三个构造方法 在第三个构造方法里初始化Scroller public class LeftSwipeMenuRecyclerView extends RecyclerView { //置顶按钮 private TextView tvTop; //删除按钮 p
-
详解Android中实现ListView左右滑动删除条目的方法
使用Scroller实现绚丽的ListView左右滑动删除Item效果 这里来给大家带来使用Scroller的小例子,同时也能用来帮助初步解除的读者更加熟悉的掌握Scroller的使用,掌握好了Scroller的使用我们就能实现很多滑动的效果.例如侧滑菜单,launcher,ListView的下拉刷新等等效果,我今天实现的是ListView的item的左右滑动删除item的效果,现在很多朋友看到这个效果应该是在Android的通知栏下拉中看到这个滑动删除的效果吧,我看到这个效果是在我之前的三星手
-
Android开发中模仿qq列表信息滑动删除功能
这个效果的完成主要分为两个部分 自定义view作为listview的列表项 一个view里面包括 显示头像,名字,消息内容等的contentView和滑动才能显示出来的删除,置顶的右边菜单menuView 在手指移动的时候同时改变这两个视图的位置 重写listview 判断item向左还是向右滑动 正常的滚动还是左右滑动等等 重写onTouchEvent 进行事件分发 大致思路: listview进行事件分发,判断需要滑动还是滚动等状态,如果需要滑动将事件传递给item进行滑动处理. 在item