如何不使用Fragment实现ViewPager2复用同一XML布局？

ViewPager2底层基于RecyclerView，天生支持直接用View作为页面，不用依赖Fragment，这种方案刚好适合你页面数量较多的场景——RecyclerView的复用机制能有效控制内存占用，避免大量Fragment带来的性能问题。

下面是具体实现步骤和代码示例：

1. 准备共用的页面布局 #

创建一个XML布局（比如item_viewpager_page.xml），作为每个ViewPager2页面的模板：

<?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="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tv_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"/>

    <!-- 可根据需求添加ImageView、Button等其他控件 -->
</LinearLayout>

2. 实现自定义RecyclerView.Adapter #

创建适配器类，继承RecyclerView.Adapter，负责创建页面View并填充数据：

Kotlin版本 #

class ViewPagerAdapter(private val dataList: ArrayList<String>) : RecyclerView.Adapter<ViewPagerAdapter.ViewPagerViewHolder>() {

    inner class ViewPagerViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val tvContent: TextView = itemView.findViewById(R.id.tv_content)
        // 绑定布局里的其他控件
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewPagerViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.item_viewpager_page, parent, false)
        return ViewPagerViewHolder(view)
    }

    override fun onBindViewHolder(holder: ViewPagerViewHolder, position: Int) {
        val data = dataList[position]
        holder.tvContent.text = data
        // 其他控件的数据填充逻辑，比如设置ImageView图片
    }

    override fun getItemCount(): Int = dataList.size
}

Java版本 #

public class ViewPagerAdapter extends RecyclerView.Adapter<ViewPagerAdapter.ViewPagerViewHolder> {
    private ArrayList<String> dataList;

    public ViewPagerAdapter(ArrayList<String> dataList) {
        this.dataList = dataList;
    }

    public static class ViewPagerViewHolder extends RecyclerView.ViewHolder {
        TextView tvContent;

        public ViewPagerViewHolder(@NonNull View itemView) {
            super(itemView);
            tvContent = itemView.findViewById(R.id.tv_content);
        }
    }

    @NonNull
    @Override
    public ViewPagerViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_viewpager_page, parent, false);
        return new ViewPagerViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull ViewPagerViewHolder holder, int position) {
        String data = dataList.get(position);
        holder.tvContent.setText(data);
    }

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

3. 在Activity/Fragment中初始化ViewPager2 #

找到ViewPager2控件，设置适配器即可：

Kotlin版本 #

val viewPager2 = findViewById<ViewPager2>(R.id.view_pager)
// 你的数据列表
val dataList = arrayListOf("页面1", "页面2", "页面3", "...")
// 绑定适配器
viewPager2.adapter = ViewPagerAdapter(dataList)

Java版本 #

ViewPager2 viewPager2 = findViewById(R.id.view_pager);
ArrayList<String> dataList = new ArrayList<>();
dataList.add("页面1");
dataList.add("页面2");
// 添加更多数据
viewPager2.setAdapter(new ViewPagerAdapter(dataList));

注意事项 #

• 得益于RecyclerView的复用机制，即使页面数量很多，也只会创建少量View实例，不用担心内存溢出。
• 如果页面有交互逻辑（比如按钮点击），可以在ViewHolder里设置监听，或者通过回调接口传递到上层处理。
• 复用页面时，要确保在onBindViewHolder里重置所有控件状态，避免旧数据残留（比如TextView文本、ImageView图片等）。

内容的提问来源于stack exchange，提问作者Uladzislau Krukouski