如何在MapFragment中创建Tab与PageView？代码报错求助

嘿，我来帮你搞定这两个问题！先修复setSupportActionBar和getSupportActionBar的方法无法解析错误，再教你在MapFragment里实现Tab和ViewPager的两种方案～

这俩报错本质是同一个问题：你的MapsActivity没有正确使用支持库的Activity类，或者导入的Toolbar包不对，我给你一步步排查：

1. 检查Activity的继承关系 #

打开MapsActivity.java，必须确保你的Activity继承自AppCompatActivity（不管是旧的support库还是AndroidX版本），而不是普通的Activity。比如：

// 如果你用AndroidX（现在大部分项目都是这个）
import androidx.appcompat.app.AppCompatActivity;
public class MapsActivity extends AppCompatActivity {
    // 你的代码...
}

// 如果是旧的support库项目
import android.support.v7.app.AppCompatActivity;
public class MapsActivity extends AppCompatActivity {
    // 你的代码...
}

2. 确认Toolbar的布局和导入 #

打开activity_maps.xml，确保你的Toolbar是支持库版本的，而不是系统默认的：

<!-- AndroidX版本Toolbar -->
<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"/>

<!-- 旧support库版本Toolbar -->
<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"/>

同时在MapsActivity里导入对应的Toolbar类，别搞混了！

3. 检查依赖（AndroidX项目） #

如果你的项目用AndroidX，得确保build.gradle(Module级别)里有AppCompatActivity的依赖：

dependencies {
    implementation 'androidx.appcompat:appcompat:1.6.1' // 版本可以根据你的项目调整
}

这里分两种场景，推荐第一种，更符合Android的设计习惯：

场景1：Activity中放Tab+ViewPager，MapFragment作为其中一个页面（推荐） #

这种方式是把Tab和ViewPager放在宿主Activity里，MapFragment和UserAccountFragment作为ViewPager的两个页面，步骤如下：

1. 修改activity_maps.xml布局 #

把Toolbar、TabLayout、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">

    <!-- Toolbar -->
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"/>

    <!-- 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"/>

    <!-- ViewPager容器 -->
    <androidx.viewpager.widget.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

2. 完善TabViewPagerAdapter #

确保适配器继承自FragmentPagerAdapter（AndroidX版本）：

import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentPagerAdapter;

import java.util.ArrayList;
import java.util.List;

public class TabViewPagerAdapter extends FragmentPagerAdapter {
    private final List<Fragment> fragmentList = new ArrayList<>();
    private final List<String> fragmentTitleList = new ArrayList<>();

    public TabViewPagerAdapter(FragmentManager fm) {
        super(fm, BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT);
    }

    // 添加Fragment和对应标题的方法
    public void addFragment(Fragment fragment, String title) {
        fragmentList.add(fragment);
        fragmentTitleList.add(title);
    }

    @Override
    public Fragment getItem(int position) {
        return fragmentList.get(position);
    }

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

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

3. 在MapsActivity中初始化Tab和ViewPager #

import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import androidx.viewpager.widget.ViewPager;
import android.os.Bundle;
import com.google.android.material.tabs.TabLayout;

public class MapsActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_maps);

        // 初始化Toolbar，现在应该不会报错了
        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        // 如果需要设置标题或者其他ActionBar操作
        if (getSupportActionBar() != null) {
            getSupportActionBar().setTitle("地图页面");
        }

        // 绑定TabLayout和ViewPager
        ViewPager viewPager = findViewById(R.id.view_pager);
        TabLayout tabLayout = findViewById(R.id.tab_layout);

        // 初始化适配器，添加你的两个Fragment
        TabViewPagerAdapter adapter = new TabViewPagerAdapter(getSupportFragmentManager());
        adapter.addFragment(new MapFragment(), "地图");
        adapter.addFragment(new UserAccountFragment(), "我的");

        viewPager.setAdapter(adapter);
        tabLayout.setupWithViewPager(viewPager);
    }
}

场景2：在MapFragment内部嵌套Tab+ViewPager #

如果你一定要在MapFragment里面再做Tab切换，比如地图的不同图层，那可以这么做：

1. 创建MapFragment的布局fragment_map.xml #

<?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">

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

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

</LinearLayout>

2. 在MapFragment中初始化Tab和ViewPager #

import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.viewpager.widget.ViewPager;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import com.google.android.material.tabs.TabLayout;

public class MapFragment extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_map, container, false);

        TabLayout tabLayout = view.findViewById(R.id.tab_layout);
        ViewPager viewPager = view.findViewById(R.id.view_pager);

        // 注意！这里要用getChildFragmentManager()，因为是嵌套Fragment
        TabViewPagerAdapter adapter = new TabViewPagerAdapter(getChildFragmentManager());
        // 添加你的子Fragment，比如地图的不同图层页面
        adapter.addFragment(new SubMapLayer1Fragment(), "图层1");
        adapter.addFragment(new SubMapLayer2Fragment(), "图层2");

        viewPager.setAdapter(adapter);
        tabLayout.setupWithViewPager(viewPager);

        return view;
    }
}

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