码迷,mamicode.com
首页 > 移动开发 > 详细

Android开发 RecyclerView实现拖动与滑动ItemTouchHelper

时间:2020-06-03 13:31:29      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:wap   err   set   touch   动作   toolbar   line   ram   etl   

前言

  RecyclerView依靠ItemTouchHelper,实现item的拖动与滑动功能。

使用ItemTouchHelper实现上下拖动的例子

 

首先我们需要继承重写 ItemTouchHelper.Callback

 

技术图片
public class QuickReplyItemTouchCallback extends ItemTouchHelper.Callback {
    private QuickReplyAdapter mAdapter;
    private boolean mIsLongPressDragEnabled = true;

    public QuickReplyItemTouchCallback(QuickReplyAdapter adapter) { //传入适配器
        mAdapter = adapter;

    }

    public void setLongPressDragEnabled(boolean isLongPressDragEnabled) {
        mIsLongPressDragEnabled = isLongPressDragEnabled;
    }


    @Override
    public boolean isItemViewSwipeEnabled() { //是否启用左右滑动
        return false;
    }

    @Override
    public boolean isLongPressDragEnabled() { //返回设置是否长按拖动Item上下移动
        return mIsLongPressDragEnabled;
    }

    @Override
    public int getMovementFlags(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder) {
        //在这个回调方法里我们返回我们需要的使用的动作功能
        int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;  //拖动  这里设置的UP 与 DOWN 表示允许上下拖动
        int swipeFlags = ItemTouchHelper.ACTION_STATE_IDLE;         //滑动  这里设置的ACTION_STATE_IDLE 表示我们将滑动动作设置为空闲
        return makeMovementFlags(dragFlags, swipeFlags);
   
    }

    @Override
    public boolean onMove(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder, @NonNull RecyclerView.ViewHolder target) {
        //用于上下移动Item的回调方法,在这个方法里我们要主动将Adapter里的数据互相替换位置
        mAdapter.onItemMove(viewHolder.getAdapterPosition(), target.getAdapterPosition());
        //返回 true表示我们已经将Adapter里的数据互相替换位置
        return true;
    }

    @Override
    public void onSwiped(@NonNull RecyclerView.ViewHolder viewHolder, int direction) {
        //因为我们不需要处理滑动,所以此处不写逻辑

    }
}
技术图片

 

 

 

Adapter更换位置的实现

 

技术图片
    /**
     * 提供给QuickReplyItemTouchCallback类使用的移动Item位置的方法
     * @param fromPosition
     * @param toPosition
     */
    public void onItemMove(int fromPosition, int toPosition) {
        Collections.swap(mList, fromPosition, toPosition);//更换我们数据List的位置
        notifyItemMoved(fromPosition, toPosition);     //更换Adapter Item的视图位置
        if (mOnChangeDataPositionListener != null){
            mOnChangeDataPositionListener.onChange(mList);  
        }
    }
技术图片

 

在Activity里给RecyclerView添加ItemTouchHelper.Callback

 

技术图片
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getContext(), LinearLayoutManager.VERTICAL, false);
        mQuickReplyRecyclerView.setLayoutManager(linearLayoutManager);
        mQuickReplyAdapter = new QuickReplyAdapter();
        mQuickReplyRecyclerView.setAdapter(mQuickReplyAdapter);
        mCallback = new QuickReplyItemTouchCallback(mQuickReplyAdapter);
        ItemTouchHelper itemTouchHelper = new ItemTouchHelper(mCallback);
        itemTouchHelper.attachToRecyclerView(mQuickReplyRecyclerView);
技术图片

 

使用ItemTouchHelper实现左右滑动的例子

 

下面的这个例子是改变需要出现的View的宽度

 

技术图片
public class SwitchListItemTouchCallback extends ItemTouchHelper.Callback {
    private int mWidth = 0;

    @Override
    public boolean isLongPressDragEnabled() {
        return false;
    }

    @Override
    public boolean isItemViewSwipeEnabled() {
        return true;
    }

    @Override
    public int getMovementFlags(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder) {
        int dragFlags = ItemTouchHelper.ACTION_STATE_IDLE;
        int swipeFlags = ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
        return makeMovementFlags(dragFlags, swipeFlags);
    }

    @Override
    public boolean onMove(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder, @NonNull RecyclerView.ViewHolder target) {
        return false;
    }

    @Override
    public void onSwiped(@NonNull RecyclerView.ViewHolder viewHolder, int direction) {

    }

    @Override
    public void onChildDraw(@NonNull Canvas c, @NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
        if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) {  //判断活动状态为左右滑动
            Context context = recyclerView.getContext();
            if (mWidth == 0) {
                mWidth = UnitConversionUtil.dip2px(context, 80); //Button显示后最大的宽度。这里用了一个dp转px工具类
            }
            if (dX == 0){ //有时候点击也会被触发成swipe,这里判断不发生偏移量就跳过
                return;
            }
            boolean isLeft = dX < 0;
            SwitchListAdapter.ViewHolder itemViewHolder = (SwitchListAdapter.ViewHolder) viewHolder;
            ConstraintLayout.LayoutParams layoutParams = (ConstraintLayout.LayoutParams) itemViewHolder.mDeleteBtn.getLayoutParams();
            if (isLeft) {
                layoutParams.width = Math.min((int) Math.abs(dX), mWidth);
            } else {
                layoutParams.width = Math.max((int) (mWidth - dX), 0);
            }
            itemViewHolder.mDeleteBtn.setLayoutParams(layoutParams);
        } else {
            super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
        }

    }

    @Override
    public void clearView(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder) {
//        super.clearView(recyclerView, viewHolder);
    }
}
技术图片

 

 滚动整个View来实现,这个效果的关键点是那个需要隐藏或者显示的View 需要在父类布局的外面

 

布局例子:

 

关键点 app:layout_constraintLeft_toRightOf="parent"

 

技术图片
    <ImageButton
        android:id="@+id/delete_btn"
        android:layout_width="80dp"
        android:layout_height="0dp"
        android:background="@color/color_text_yellow"
        android:src="@drawable/ic_delete_2"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>
技术图片

 

代码

 

技术图片
    @Override
    public void onChildDraw(@NonNull Canvas c, @NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
        if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) {
            Context context = recyclerView.getContext();
            if (mWidth == 0) {
                mWidth = UnitConversionUtil.dip2px(context, 80);
            }
            if (dX == 0){ //有时候点击也会被触发成swipe,这里判断不发生偏移量就跳过
                return;
            }
            boolean isLeft = dX < 0;
            SwitchListAdapter.ViewHolder itemViewHolder = (SwitchListAdapter.ViewHolder) viewHolder;
            if (isLeft) {
                itemViewHolder.rootView.setScrollX(Math.min((int) Math.abs(dX), mWidth));
            } else {
                itemViewHolder.rootView.setScrollX(Math.max((int) (mWidth - dX), 0));
            }
        } else {
            super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
        }

    }
技术图片

 

 

 

End

 

Android开发 RecyclerView实现拖动与滑动ItemTouchHelper

标签:wap   err   set   touch   动作   toolbar   line   ram   etl   

原文地址:https://www.cnblogs.com/guanxinjing/p/13036680.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!