ViewPager预加载异常：启动及滑动时Fragment非预期加载的解决方案

嘿，我来帮你拆解这个ViewPager的预加载问题，这其实是Android ViewPager的默认机制导致的，咱们逐个解决你的疑问：

1. 为什么会出现这种预加载现象？ #

这是ViewPager的默认预加载机制在起作用：

• ViewPager默认的offscreenPageLimit值是1，意思是会提前创建当前页面左右各1个位置的Fragment实例，用来保证滑动时的流畅性。
• 结合你的场景：
  • 启动时显示Tab1（position=0），ViewPager会预加载相邻的Tab2（position=1），所以你看到先调用Tab1.class再调用Tab2.class；
  • 滑动到Tab2（position=1）时，会预加载右侧的Tab3（position=2），所以调用Tab3.class；
  • 滑动到Tab3（position=2）时，右侧没有更多页面，所以没有新的Fragment被创建；
  • 反向滑动到Tab2（position=1）时，会预加载左侧的Tab1（position=0），所以调用Tab1.class；
  • 滑动到Tab1（position=0）时，左侧没有页面，所以无调用。
• 另外你使用的FragmentPagerAdapter本身会缓存创建过的Fragment，所以滑回之前的Tab时不会重新创建实例，只会切换可见性。

2. 如何实现App启动在Tab1时仅调用Tab1.class？ #

因为ViewPager的offscreenPageLimit最小值被系统限制为1（设置0也会被强制改为1），所以无法完全禁止预加载Fragment实例，但我们可以通过懒加载控制只有可见的Fragment才执行核心业务逻辑（比如数据请求、控件初始化）：

在你的Tab1、Tab2、Tab3 Fragment中添加懒加载逻辑：

public class Tab1 extends Fragment {
    private boolean isViewCreated = false;
    private boolean isVisibleToUser = false;
    private boolean hasLoadedData = false; // 防止重复加载

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.tab1, container, false);
        // 这里只做View的初始化，不执行数据加载等耗时操作
        initView(view);
        isViewCreated = true;
        loadDataIfNeeded();
        return view;
    }

    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        this.isVisibleToUser = isVisibleToUser;
        loadDataIfNeeded();
    }

    private void initView(View view) {
        // 初始化控件，比如findViewById等
    }

    private void loadDataIfNeeded() {
        // 只有当View已创建、Fragment对用户可见、且未加载过数据时，才执行核心逻辑
        if (isViewCreated && isVisibleToUser && !hasLoadedData) {
            // 这里写你原本在Tab1.class中执行的业务逻辑，比如网络请求、数据渲染
            // example: fetchDataFromServer(); updateUI();
            hasLoadedData = true; // 标记已加载，避免重复执行
        }
    }
}

这样启动时，虽然Tab2的Fragment实例会被创建，但因为它对用户不可见（isVisibleToUser为false），不会执行核心业务逻辑，只有Tab1会触发加载操作，达到“仅调用Tab1.class”的效果。

3. 如何实现从Tab1滑动到Tab2时仅调用Tab2.class？ #

同样利用上面的懒加载逻辑：

• 当从Tab1滑动到Tab2时，Tab2的setUserVisibleHint会被设置为true，此时如果它的View已经创建，就会触发loadDataIfNeeded()执行Tab2的核心逻辑；
• 而Tab3虽然会被ViewPager预创建，但因为它对用户不可见，不会执行加载操作；
• 如果想进一步优化，旧版ViewPager无法通过设置offscreenPageLimit=0完全禁止预加载（系统会强制改为1），所以懒加载是最可靠的方案。

额外布局优化建议 #

你的activity_main.xml中把TabLayout放在了ViewPager内部，这可能导致布局显示异常，建议调整为TabLayout和ViewPager同级，放在AppBarLayout下方：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="vwc.com.newconcept.MainActivity">

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

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.Toolbar
                android:id="@+id/main_toolbar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <android.support.design.widget.TabLayout
                android:id="@+id/tabLayout"
                app:tabMode="scrollable"
                app:tabGravity="center"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        </android.support.design.widget.AppBarLayout>

        <android.support.v4.view.ViewPager
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>

    <!-- 这里可以保留DrawerLayout的侧滑菜单部分 -->
</android.support.v4.widget.DrawerLayout>

内容的提问来源于stack exchange，提问作者Keyur Sureliya