含多个RecyclerView的Fragment加载时UI卡顿问题排查

嘿，这种嵌套多个横向RecyclerView导致的Fragment加载卡顿问题我之前也碰到过，结合你说注释setLayoutManager()就不卡的情况，咱们来一步步分析原因和优化方案：

为什么setLayoutManager()会触发卡顿？ #

• 主线程资源挤占：在Fragment初始化阶段（比如onViewCreated）一次性给5个RecyclerView设置LayoutManager，每个LayoutManager的创建、配置都会占用主线程CPU时间，加上ScrollView本身的布局测量，瞬间让主线程负载拉满，就出现了1秒左右的卡顿。
• wrap_content的测量开销：你的RecyclerView用了layout_height="wrap_content"，在旧版support库中，LinearLayoutManager需要遍历所有Item计算总高度才能确定RecyclerView的高度，5个RecyclerView叠加起来，这个计算量就会变得很可观，直接拖慢UI渲染。

针对性优化方案 #

1. 延迟初始化，给主线程“减负” #

不要在Fragment初始化时一次性搞定所有RecyclerView的配置，把部分工作放到主线程空闲时执行，比如用View.post()分批次初始化：

@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    
    // 先初始化ViewPager，再分批处理RecyclerView
    initViewPager();
    
    // 第一个RecyclerView直接初始化
    scroll_view.post(() -> {
        LinearLayoutManager popularManager = new LinearLayoutManager(getContext(), LinearLayoutManager.HORIZONTAL, false);
        recycler_popular_movies.setLayoutManager(popularManager);
        recycler_popular_movies.setAdapter(popularMovieAdapter);
        
        // 剩下的RecyclerView延迟一点再初始化，分散主线程压力
        recycler_upcoming_movies.postDelayed(() -> {
            LinearLayoutManager upcomingManager = new LinearLayoutManager(getContext(), LinearLayoutManager.HORIZONTAL, false);
            recycler_upcoming_movies.setLayoutManager(upcomingManager);
            recycler_upcoming_movies.setAdapter(upcomingMovieAdapter);
            
            // 继续处理剩下的三个，以此类推
        }, 100);
    });
}

2. 优化RecyclerView的测量逻辑 #

• 换成固定高度：你的Item高度是固定的（150dp图片+两行文字），直接给RecyclerView设置固定高度，比如android:layout_height="200dp"，这样LayoutManager不需要计算所有Item的高度，直接用固定值，测量时间会大幅减少。
• 升级到AndroidX：如果你还在用旧的support库，赶紧换成AndroidX的RecyclerView，它对wrap_content的测量做了大量优化，能减少很多不必要的计算。

3. 复用LayoutManager，减少对象创建 #

所有横向RecyclerView用的都是横向LinearLayoutManager，完全可以复用同一个实例（只要它们的布局方向、reverse属性都一致），减少对象创建的开销：

LinearLayoutManager horizontalManager = new LinearLayoutManager(getContext(), LinearLayoutManager.HORIZONTAL, false);

recycler_popular_movies.setLayoutManager(horizontalManager);
recycler_upcoming_movies.setLayoutManager(horizontalManager);
recycler_top_rated_movies.setLayoutManager(horizontalManager);
// 剩下的两个同理

4. 用NestedScrollView替代ScrollView，优化滚动逻辑 #

把普通的ScrollView换成androidx.core.widget.NestedScrollView，然后给每个RecyclerView加上android:nestedScrollingEnabled="false"，这样NestedScrollView会统一处理滚动，RecyclerView不会再自己处理滚动，既避免了滚动冲突，又能减少不必要的布局计算：

<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimary">

    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <androidx.viewpager.widget.ViewPager
                android:id="@+id/view_pager"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:layout_marginBottom="5dp"/>

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/recycler_popular_movies"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:orientation="horizontal"
                android:nestedScrollingEnabled="false"/>
                
            <!-- 其他RecyclerView同样添加nestedScrollingEnabled属性 -->

        </LinearLayout>
    </androidx.core.widget.NestedScrollView>
</FrameLayout>

5. 适配器的小优化 #

看你的适配器代码没写完，补充两个关键优化点：

• 提前缓存LayoutInflater，不要每次在onCreateViewHolder里创建：

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> {
    private Object pojo;
    private Context context;
    private LayoutInflater inflater; // 缓存LayoutInflater

    public RecyclerViewAdapter(Context ctx, Object movies) {
        this.pojo = movies;
        this.context = ctx;
        this.inflater = LayoutInflater.from(ctx);
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = inflater.inflate(R.layout.recycler_item, parent, false);
        return new ViewHolder(view);
    }

    // 其他方法...
}

• 绑定数据时避免频繁创建对象，比如图片加载用Glide的话复用RequestOptions，文本格式化提前缓存结果。

内容的提问来源于stack exchange，提问作者Juan Manuel Amoros