RecyclerView拖拽交换和区域删除实战Demo

最新推荐文章于 2024-08-28 03:56:17 发布

崔庆才丨静觅

最新推荐文章于 2024-08-28 03:56:17 发布

阅读量270

点赞数 5

本文链接：https://blog.csdn.net/weixin_30248619/article/details/141576788

版权

本文还有配套的精品资源，点击获取 menu-r.4af5f7ec.gif

简介：RecyclerView作为Android开发中的重要组件，提供高效的列表展示。本Demo源码展示了如何实现列表项的拖拽交换和特定区域的删除功能，涵盖了RecyclerView核心概念、拖拽交换和区域删除的实现步骤。通过研究源码，开发者可以掌握RecyclerView的高级特性，提升Android UI设计和交互实现能力。

1. RecyclerView核心概念

RecyclerView是Android中用于高效显示大量数据的视图组件。它通过以下核心概念实现其功能：

ViewHolder模式： ViewHolder是一种设计模式，用于缓存每个列表项的视图，从而避免频繁创建和销毁视图，提高性能。
ItemTouchHelper： ItemTouchHelper是一个辅助类，允许用户通过拖拽、滑动等手势与列表项进行交互。
动画效果： RecyclerView提供动画支持，用于处理列表项的插入、删除、移动等操作时的视觉效果。

2. 拖拽交换功能实现

2.1 拖拽事件处理

拖拽交换功能的实现主要涉及两个事件处理：

onItemMove()： 当用户长按某个Item并开始拖动时触发，用于判断是否允许拖动该Item。

@Override
public boolean onItemMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
    // 判断是否允许拖动该Item
    if (viewHolder.getItemViewType() == VIEW_TYPE_HEADER) {
        return false; // Header不允许拖动
    }
    // 判断目标位置是否有效
    if (target.getItemViewType() == VIEW_TYPE_FOOTER) {
        return false; // Footer不允许拖动
    }
    // 允许拖动
    return true;
}

onMove()： 当用户拖动Item并移动到另一个位置时触发，用于交换Item的数据和UI位置。

@Override
public void onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
    // 获取拖动Item和目标位置Item的数据
    int fromPosition = viewHolder.getAdapterPosition();
    int toPosition = target.getAdapterPosition();
    // 交换数据
    Collections.swap(mDataList, fromPosition, toPosition);
    // 通知RecyclerView数据已改变
    mAdapter.notifyItemMoved(fromPosition, toPosition);
}

2.2 交换数据逻辑

交换数据逻辑主要涉及以下步骤：

获取拖动Item和目标位置Item的数据： 通过 getAdapterPosition() 方法获取拖动Item和目标位置Item在数据列表中的位置。
交换数据： 使用 Collections.swap() 方法交换拖动Item和目标位置Item在数据列表中的数据。
通知RecyclerView数据已改变： 使用 notifyItemMoved() 方法通知RecyclerView数据已改变，以便更新UI。

3. 区域删除功能实现

3.1 区域删除事件处理

区域删除手势监听

要实现区域删除功能，首先需要监听用户的删除手势。RecyclerView提供了 ItemTouchHelper 类来帮助我们实现这一功能。 ItemTouchHelper 是一个回调类，它监听用户在RecyclerView上的触摸事件，并根据用户的操作触发相应的回调方法。

要使用 ItemTouchHelper 监听区域删除手势，我们需要创建一个 ItemTouchHelper.Callback 的子类，并重写其 onMove 和 onSwiped 方法。 onMove 方法用于处理拖拽事件，而 onSwiped 方法用于处理区域删除事件。

public class SwipeToDeleteCallback extends ItemTouchHelper.Callback {

    @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) {
        // 处理区域删除事件
        int position = viewHolder.getAdapterPosition();
        // 根据position删除数据
        adapter.removeItem(position);
    }
}

区域删除手势配置

创建好 ItemTouchHelper.Callback 的子类后，我们需要将其配置到 ItemTouchHelper 对象中。然后将 ItemTouchHelper 对象附加到RecyclerView上，这样才能监听用户的触摸事件。

ItemTouchHelper itemTouchHelper = new ItemTouchHelper(new SwipeToDeleteCallback());
itemTouchHelper.attachToRecyclerView(recyclerView);

3.2 删除数据逻辑

删除数据方法

在 ItemTouchHelper.Callback 的 onSwiped 方法中，我们调用了 adapter.removeItem(position) 方法来删除数据。这个方法需要我们自己实现，它负责从数据源中删除指定位置的数据。

public void removeItem(int position) {
    // 从数据源中删除数据
    data.remove(position);
    // 通知adapter数据已更新
    notifyItemRemoved(position);
}

动画效果

在删除数据后，我们还需要添加动画效果，让删除过程更加流畅。我们可以使用 ItemAnimator 来实现动画效果。 ItemAnimator 是一个抽象类，它提供了各种动画效果，我们可以根据需要选择合适的动画效果。

recyclerView.setItemAnimator(new DefaultItemAnimator());

注意事项

在实现区域删除功能时，需要注意以下几点：

确保数据源和adapter是同步的。
在删除数据后，需要及时通知adapter数据已更新。
可以根据需要添加动画效果，让删除过程更加流畅。

4. ItemTouchHelper使用

4.1 ItemTouchHelper基本原理

ItemTouchHelper是一个辅助类，用于处理RecyclerView中Item的拖拽和滑动删除操作。它通过监听RecyclerView的触摸事件来实现Item的拖拽和滑动删除功能。

ItemTouchHelper的工作原理如下：

创建一个ItemTouchHelper对象，并指定一个Callback对象。Callback对象负责处理Item的拖拽和滑动删除逻辑。
将ItemTouchHelper对象附加到RecyclerView。
ItemTouchHelper会监听RecyclerView的触摸事件，并根据Callback对象中的逻辑处理Item的拖拽和滑动删除操作。

4.2 ItemTouchHelper回调方法

ItemTouchHelper的Callback对象需要实现以下方法：

getMovementFlags(RecyclerView recyclerView, ViewHolder viewHolder) ：该方法返回一个int值，表示Item可以执行的拖拽和滑动删除方向。
onMove(RecyclerView recyclerView, ViewHolder viewHolder, ViewHolder target) ：该方法在Item被拖拽到另一个位置时调用。它负责更新Item在数据中的位置。
onSwiped(ViewHolder viewHolder, int direction) ：该方法在Item被滑动删除时调用。它负责从数据中删除Item。

下面是一个示例Callback对象：

public class ItemTouchHelperCallback extends ItemTouchHelper.Callback {

    @Override
    public int getMovementFlags(RecyclerView recyclerView, ViewHolder viewHolder) {
        // 允许Item上下拖拽和左右滑动删除
        return makeMovementFlags(ItemTouchHelper.UP | ItemTouchHelper.DOWN, ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT);
    }

    @Override
    public boolean onMove(RecyclerView recyclerView, ViewHolder viewHolder, ViewHolder target) {
        // 更新Item在数据中的位置
        Collections.swap(mData, viewHolder.getAdapterPosition(), target.getAdapterPosition());
        mAdapter.notifyItemMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());
        return true;
    }

    @Override
    public void onSwiped(ViewHolder viewHolder, int direction) {
        // 从数据中删除Item
        int position = viewHolder.getAdapterPosition();
        mData.remove(position);
        mAdapter.notifyItemRemoved(position);
    }
}

4.3 ItemTouchHelper使用示例

要使用ItemTouchHelper，可以按照以下步骤进行：

创建一个ItemTouchHelper对象，并指定一个Callback对象。
将ItemTouchHelper对象附加到RecyclerView。

ItemTouchHelper itemTouchHelper = new ItemTouchHelper(new ItemTouchHelperCallback());
itemTouchHelper.attachToRecyclerView(recyclerView);

5. ViewHolder模式

5.1 ViewHolder作用和原理

ViewHolder模式是一种设计模式，旨在提高RecyclerView的性能和可维护性。它的主要作用是将视图的引用与数据绑定在一起，避免在每次刷新视图时都重新创建和绑定视图。

ViewHolder模式的原理如下：

创建ViewHolder类： 定义一个ViewHolder类，包含视图的引用和与视图绑定的数据。
创建ViewHolder实例： 当RecyclerView创建新的视图时，它会调用ViewHolder类的构造函数来创建ViewHolder实例。
绑定数据： RecyclerView将数据绑定到ViewHolder实例中，通常在 onBindViewHolder() 方法中。
复用ViewHolder： 当RecyclerView滚动时，它会复用现有的ViewHolder实例，而不是创建新的实例。

5.2 ViewHolder在RecyclerView中的应用

在RecyclerView中，ViewHolder模式主要用于以下场景：

减少视图创建和绑定的开销： 通过复用ViewHolder，RecyclerView可以避免在每次刷新视图时都重新创建和绑定视图，从而提高性能。
提高可维护性： ViewHolder模式将视图的引用与数据绑定在一起，使代码更易于理解和维护。
支持复杂视图： 对于包含多个视图或复杂布局的项目，ViewHolder模式可以简化视图的创建和绑定过程。

以下代码示例展示了如何使用ViewHolder模式：

public class MyViewHolder extends RecyclerView.ViewHolder {

    private TextView textView;

    public MyViewHolder(View itemView) {
        super(itemView);
        textView = itemView.findViewById(R.id.text_view);
    }

    public void bind(String text) {
        textView.setText(text);
    }
}

public class MyAdapter extends RecyclerView.Adapter<MyViewHolder> {

    private List<String> data;

    public MyAdapter(List<String> data) {
        this.data = data;
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View itemView = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout, parent, false);
        return new MyViewHolder(itemView);
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.bind(data.get(position));
    }

    @Override
    public int getItemCount() {
        return data.size();
    }
}

本文还有配套的精品资源，点击获取 menu-r.4af5f7ec.gif