Android Material Design TabLayout与ViewPager联动失效求助

嘿，我帮你排查出几个关键问题，这就是你的页面无法显示、不能滑动的原因，一步步来修复：

1. 最致命的错误：ViewPagerAdapter的getCount()返回0 #

这个方法是告诉ViewPager总共有多少个页面，你现在返回0，ViewPager会直接认为没有页面需要加载，自然什么都显示不出来。修改Adapter的getCount()方法：

@Override
public int getCount() {
    return fragmentList.size(); // 返回实际的Fragment数量
}

2. 手动添加Tab与联动逻辑冲突 #

你现在手动创建并添加Tab，又尝试用页面监听器，这会和setupWithViewPager的自动逻辑打架。setupWithViewPager会自动根据PagerAdapter的getPageTitle()方法生成Tab，完全不需要手动创建Tab。

删掉所有手动创建Tab的代码，直接用下面这行代码就能完成联动：

tabLayout.setupWithViewPager(viewPager);

这一行代码会自动帮你完成：Tab创建、页面滑动与Tab选中状态同步、Tab点击切换页面的逻辑。

3. Fragment实例化的错误方式 #

你现在在addFragment里直接传入new出来的Fragment实例，这种做法会破坏Fragment的生命周期管理（比如屏幕旋转时会出现崩溃或状态丢失）。正确的做法是在getItem()方法里根据position动态创建Fragment实例：

修改后的ViewPagerAdapter：

package parsa.lop.adjust;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import java.util.ArrayList;
import java.util.List;

public class ViewPagerAdapter extends FragmentPagerAdapter {
    private List<String> fragmentTitleList = new ArrayList<String>();

    public ViewPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        // 根据位置返回对应Fragment的新实例
        switch (position) {
            case 0:
                return new MyDietFragment();
            case 1:
                return new MyWorkoutFragment();
            case 2:
                return new StartProgramFragment();
            default:
                return null;
        }
    }

    @Override
    public int getCount() {
        return fragmentTitleList.size();
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return fragmentTitleList.get(position);
    }

    public void addFragmentTitle(String title){
        fragmentTitleList.add(title);
    }
}

然后在主活动里修改初始化Adapter的代码：

viewPagerAdapter = new ViewPagerAdapter(getSupportFragmentManager());
// 只添加标题，Fragment在getItem里动态创建
viewPagerAdapter.addFragmentTitle("My Diet");
viewPagerAdapter.addFragmentTitle("My Workout");
viewPagerAdapter.addFragmentTitle("Start a Program");
viewPager.setAdapter(viewPagerAdapter);
// 一键完成联动
tabLayout.setupWithViewPager(viewPager);

4. 布局约束问题 #

你的主布局用了ConstraintLayout，但ViewPager没有设置任何约束，导致它的位置可能被TabLayout覆盖或者无法正确填充屏幕。修改ViewPager的布局代码：

<android.support.v4.view.ViewPager
    android:id="@+id/viewPager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_constraintTop_toBottomOf="@id/tabLayout"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"/>

最后修改后的主活动代码 #

package parsa.lop.adjust;
import android.support.design.widget.TabLayout;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class PatientMain extends AppCompatActivity {
    private TabLayout tabLayout;
    private ViewPager viewPager;
    private ViewPagerAdapter viewPagerAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_patient_main);
        tabLayout = findViewById(R.id.tabLayout);
        viewPager = findViewById(R.id.viewPager);
        viewPagerAdapter = new ViewPagerAdapter(getSupportFragmentManager());
        
        viewPagerAdapter.addFragmentTitle("My Diet");
        viewPagerAdapter.addFragmentTitle("My Workout");
        viewPagerAdapter.addFragmentTitle("Start a Program");
        
        viewPager.setAdapter(viewPagerAdapter);
        tabLayout.setupWithViewPager(viewPager);
    }
}

做完这些修改后，你的TabLayout和ViewPager应该就能正常联动，Fragment也能正确显示和切换了。

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