如何在Android RecyclerView中实现滑动时显示ViewHolder隐藏ImageView的效果

你的方案问题分析 #

• 可行性：双RecyclerView叠加的方案可以实现需求，但开发成本极高，你需要额外处理两个列表的滚动同步、条目位置对齐、触摸事件分发冲突，遇到条目高度动态变化、多屏幕适配的场景很容易出现滑动错位、触摸无响应等问题。
• 卡顿风险：两个同时工作的RecyclerView会产生两倍的布局计算、视图渲染、ViewHolder缓存开销，中低端设备快速滚动时掉帧概率很高，条目布局越复杂卡顿越明显。
• 内存损耗：该方案会额外占用近1倍的列表相关内存，包括缓存视图实例、绘制缓冲区、数据绑定开销，条目数量越多内存浪费越严重，完全没有必要。

最优实现方案 #

直接使用Android官方提供的ItemTouchHelper工具类配合单RecyclerView的双层条目布局即可实现，无额外性能损耗：

第一步：改造条目布局 #

条目根布局使用FrameLayout，底层放置你需要显示的隐藏ImageView，上层放置正常的条目内容布局：

<!-- recycler_view_item.xml -->
<FrameLayout 
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <!-- 底层隐藏的操作图标 -->
    <ImageView
        android:id="@+id/hidden_action_icon"
        android:layout_width="72dp"
        android:layout_height="match_parent"
        android:layout_gravity="end"
        android:src="@drawable/ic_delete" />
    <!-- 上层正常显示的条目内容 -->
    <LinearLayout
        android:id="@+id/item_content_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/white"
        android:padding="16dp">
        <!-- 你的正常条目内容控件 -->
    </LinearLayout>
</FrameLayout>

第二步：绑定ItemTouchHelper处理滑动逻辑 #

给你的RecyclerView绑定ItemTouchHelper，仅滑动上层的内容布局，底层ImageView保持不动即可自然露出：

// Java示例
ItemTouchHelper.SimpleCallback touchCallback = new ItemTouchHelper.SimpleCallback(0, ItemTouchHelper.LEFT) {
    @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) {
        View contentContainer = viewHolder.itemView.findViewById(R.id.item_content_container);
        getDefaultUIUtil().onDraw(c, recyclerView, contentContainer, dX, dY, actionState, isCurrentlyActive);
    }
};
new ItemTouchHelper(touchCallback).attachToRecyclerView(yourRecyclerView);

该方案和原生RecyclerView的性能完全一致，没有额外的内存开销，也不需要处理复杂的事件同步逻辑。

内容的提问来源于stack exchange，提问作者Rodrigo Barboza