RecyclerView条目滑动展示额外内容是否需要使用Fragment实现

是否需要使用Fragment实现该需求 #

不需要。该需求属于RecyclerView单条目的交互状态切换，仅涉及单个条目内的UI状态变化，Fragment是面向页面级模块化场景的组件，引入Fragment会大幅增加代码冗余和维护成本，不推荐使用。 #

常规实现方案（无需Fragment） #

1. 改造RecyclerView条目布局 #

在原有ImageView的基础上新增详情信息布局容器，默认设置为View.GONE隐藏，示例布局如下：

<!-- recycler_view_item.xml -->
<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="200dp">
    <!-- 原有条目ImageView -->
    <ImageView
        android:id="@+id/iv_item_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"/>
    <!-- 详情信息容器，默认隐藏 -->
    <LinearLayout
        android:id="@+id/ll_detail_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#B3000000"
        android:orientation="vertical"
        android:padding="16dp"
        android:visibility="gone">
        <TextView
            android:id="@+id/tv_detail_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#FFFFFF"
            android:textSize="18sp"/>
        <TextView
            android:id="@+id/tv_detail_desc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#FFFFFF"
            android:textSize="14sp"
            android:layout_marginTop="8dp"/>
    </LinearLayout>
</FrameLayout>

2. 给条目添加触摸事件监听 #

在RecyclerView Adapter的onBindViewHolder方法中，为条目根布局设置触摸监听，根据触摸事件切换UI状态：

@Override
public void onBindViewHolder(@NonNull ItemHolder holder, int position) {
    ItemData currentData = dataList.get(position);
    // 绑定基础数据
    holder.ivItemContent.setImageResource(currentData.getImageRes());
    holder.tvDetailTitle.setText(currentData.getTitle());
    holder.tvDetailDesc.setText(currentData.getDescription());

    holder.itemView.setOnTouchListener((v, event) -> {
        switch (event.getAction()) {
            // 按下、滑动状态时展示详情
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_MOVE:
                holder.llDetailContainer.setVisibility(View.VISIBLE);
                // 禁止父布局拦截触摸事件，避免和RecyclerView滑动冲突
                v.getParent().requestDisallowInterceptTouchEvent(true);
                return true;
            // 松手、触摸取消时恢复原有样式
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                holder.llDetailContainer.setVisibility(View.GONE);
                v.getParent().requestDisallowInterceptTouchEvent(false);
                return true;
        }
        return false;
    });
}

3. 可选优化 #

如果需要更流畅的切换效果，可以在显示/隐藏详情布局时引入属性动画或者揭露动画实现过渡效果。 #

基于Fragment的学习向实现方案（仅用于练习Fragment使用，不推荐生产环境使用） #

如果你希望通过该需求练习Fragment的使用，可以按以下步骤实现：

• 改造条目布局，预留一个Fragment容器（FrameLayout）
• 新建详情Fragment，将详情布局和逻辑封装到该Fragment中
• 在条目触摸事件触发时，使用条目的getChildFragmentManager将详情Fragment添加到预留容器中，松手时移除该Fragment
• 注意避免重复创建Fragment、处理Fragment生命周期和RecyclerView条目复用的冲突问题

内容的提问来源于stack exchange，提问作者Hiếu Phạm