TabLayout与Fragment+ViewPager结合使用

Tablayout是属于 com.android.support:design 包的控件，所以需要导入依赖

	implementation 'com.android.support:design:28.0.0'

布局文件

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tab_id"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:tabIndicatorColor="@color/colorAccent"
        app:tabSelectedTextColor="#673AB7"
        app:tabMode="scrollable"
        android:layout_weight="1">

    </com.google.android.material.tabs.TabLayout>

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/view_id"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="8">

    </androidx.viewpager.widget.ViewPager>

</LinearLayout>

MainActivity.java代码

package com.example.myfragment_viewpager_tablayout;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.viewpager.widget.ViewPager;

import android.os.Bundle;

import com.example.myfragment_viewpager_tablayout.adapter.MyAdapter;
import com.example.myfragment_viewpager_tablayout.fragment.OneFragment;
import com.example.myfragment_viewpager_tablayout.fragment.ThreeFragment;
import com.example.myfragment_viewpager_tablayout.fragment.TwoFragment;
import com.google.android.material.tabs.TabLayout;

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

public class MainActivity extends AppCompatActivity {
    private TabLayout tabId;
    private ViewPager viewId;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tabId = (TabLayout) findViewById(R.id.tab_id);
        viewId = (ViewPager) findViewById(R.id.view_id);
        List<String> titles = new ArrayList<>();
        titles.add("第一个");
        titles.add("第二个");
        titles.add("第三个");

        List<Fragment> list = new ArrayList<>();
        list.add(new OneFragment());
        list.add(new TwoFragment());
        list.add(new ThreeFragment());

        MyAdapter myAdapter = new MyAdapter(getSupportFragmentManager(), list, titles);
        viewId.setAdapter(myAdapter);
        tabId.setupWithViewPager(viewId);
    }
}

适配器

package com.example.myfragment_viewpager_tablayout.adapter;

import android.content.Context;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentPagerAdapter;

import java.util.List;

public class MyAdapter extends FragmentPagerAdapter {
    private List<Fragment> list;
    private List<String> titles;

    public MyAdapter(@NonNull FragmentManager fm, List<Fragment> list, List<String> titles) {
        super(fm);
        this.list = list;
        this.titles = titles;
    }

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

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

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

在创建三个Fragment.xml即可