Android新手求教：如何在Fragment中实现TabView？

嘿，作为Android新手遇到这种嵌套布局的问题太正常了，我给你整理了一套最常用的官方实现方案，一步步来肯定能搞定：

1. 先修改fragment_home.xml布局 #

你需要在这个布局里添加TabLayout和ViewPager2（现在官方推荐用ViewPager2替代旧版ViewPager，兼容性和扩展性更好），示例布局如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- 顶部的Tab切换栏 -->
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"
        app:tabGravity="fill"/>

    <!-- 承载三个子Fragment的ViewPager2 -->
    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

</LinearLayout>

2. 创建ViewPager2的适配器 #

新建一个Java类HomeViewPagerAdapter，继承FragmentStateAdapter，用来管理三个Tab对应的Fragment：

import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.viewpager2.adapter.FragmentStateAdapter;

public class HomeViewPagerAdapter extends FragmentStateAdapter {

    // 三个Tab的标题，你可以根据需求修改成英文或其他文案
    private final String[] tabTitles = {"今日", "本周", "本月"};

    // 如果你的HomeFragment是嵌套在Activity中，用这个构造方法
    public HomeViewPagerAdapter(@NonNull FragmentActivity fragmentActivity) {
        super(fragmentActivity);
    }

    // 如果是嵌套在其他Fragment里，就改用这个构造方法：
    // public HomeViewPagerAdapter(@NonNull Fragment fragment) {
    //     super(fragment);
    // }

    @NonNull
    @Override
    public Fragment createFragment(int position) {
        // 根据位置返回对应的子Fragment
        switch (position) {
            case 0:
                return new Today();
            case 1:
                return new ThisWeek();
            case 2:
                return new Thismonth();
            default:
                return new Today();
        }
    }

    @Override
    public int getItemCount() {
        return tabTitles.length;
    }

    // 提供Tab标题的方法，后面绑定TabLayout时会用到
    public String getTabTitle(int position) {
        return tabTitles[position];
    }
}

3. 在HomeFragment中完成绑定 #

打开你的HomeFragment对应的Java类（比如HomeFragment.java），在onViewCreated方法里初始化控件、设置适配器并绑定TabLayout和ViewPager2：

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.viewpager2.widget.ViewPager2;
import com.google.android.material.tabs.TabLayout;
import com.google.android.material.tabs.TabLayoutMediator;

public class HomeFragment extends Fragment {

    private TabLayout tabLayout;
    private ViewPager2 viewPager;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_home, container, false);
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        // 找到布局里的控件
        tabLayout = view.findViewById(R.id.tab_layout);
        viewPager = view.findViewById(R.id.view_pager);

        // 设置适配器
        HomeViewPagerAdapter adapter = new HomeViewPagerAdapter(requireActivity());
        viewPager.setAdapter(adapter);

        // 用TabLayoutMediator把Tab栏和ViewPager2绑定，自动同步切换状态
        new TabLayoutMediator(tabLayout, viewPager, (tab, position) -> {
            tab.setText(adapter.getTabTitle(position));
        }).attach();
    }
}

一些必看的注意事项 #

• 确保你的三个子Fragment（Today、ThisWeek、Thismonth）都是继承自androidx.fragment.app.Fragment，不要用旧的android.app.Fragment，否则会出现兼容性问题。
• 如果你的项目还没引入Material Design组件，记得在Module级别的build.gradle里添加依赖：

implementation 'com.google.android.material:material:1.9.0'
implementation 'androidx.viewpager2:viewpager2:1.0.0'

这样就能在你的HomeFragment里完美实现Tab切换效果啦，亲测有效哦~

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