TabLayout+ViewPager+Fragment（代码）

加粗重点

代码

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">
    <!--TabLayout-->
    <!--依赖：com.android.support:design:27.0.0-->
    <android.support.design.widget.TabLayout
        android:id="@+id/one_mytab"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        app:tabGravity="center"
        app:tabIndicatorColor="@color/colorAccent"
        app:tabMode="scrollable"
        app:tabSelectedTextColor="@color/colorPrimaryDark"
        app:tabTextColor="@color/colorPrimary"></android.support.design.widget.TabLayout>

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

Java

OneFragment

package com.bawei.text04.fragments;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.bawei.text04.R;
import com.bawei.text04.adapter.Find_tab_Adapter;
import com.bawei.text04.fragments2.one_fourfragment;
import com.bawei.text04.fragments2.one_onefragment;
import com.bawei.text04.fragments2.one_threefragment;
import com.bawei.text04.fragments2.one_twofragment;

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

/**
 * Created by sky on 2017/11/15.
 */
/*TabLayout + Fragment + ViewPager
* */
public class OneFragment extends Fragment {
    private TabLayout mytab;
    private ViewPager vp;
    private List<Fragment> list_fragment;
    private List<String> list_title;
    private one_onefragment one_one;
    private one_twofragment one_two;
    private one_threefragment one_three;
    private one_fourfragment one_four;
    private Find_tab_Adapter fadapter;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.one, null);
        initControls(v);
        return v;
    }

    private void initControls(View v) {
        //查找控件
        mytab = (TabLayout) v.findViewById(R.id.one_mytab);
        vp = (ViewPager) v.findViewById(R.id.one_vp);
        //添加
        init();
    }

    private void init() {
        //初始化各fragment
        one_one = new one_onefragment();
        one_two = new one_twofragment();
        one_three = new one_threefragment();
        one_four = new one_fourfragment();
        //将fragment装进列表
        list_fragment = new ArrayList<>();
        list_fragment.add(one_one);
        list_fragment.add(one_two);
        list_fragment.add(one_three);
        list_fragment.add(one_four);

        //将名称加载tab名字列表
        list_title = new ArrayList<>();
        list_title.add("推荐");
        list_title.add("课程");
        list_title.add("实战");
        list_title.add("职业路径");

        //设置TabLayout 的模式
        mytab.setTabMode(TabLayout.MODE_FIXED);
        //为TabLayout添加tab名称
        mytab.addTab(mytab.newTab().setText(list_title.get(0)));
        mytab.addTab(mytab.newTab().setText(list_title.get(1)));
        mytab.addTab(mytab.newTab().setText(list_title.get(2)));
        mytab.addTab(mytab.newTab().setText(list_title.get(3)));
        fadapter = new Find_tab_Adapter(getActivity().getSupportFragmentManager(), list_fragment, list_title);

        vp.setAdapter(fadapter);
        mytab.setupWithViewPager(vp);
    }
}

Find_tab_Adapter

package com.bawei.text04.adapter;

import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

import java.util.List;

/**
 * Created by sky on 2017/11/15.
 */

public class Find_tab_Adapter extends FragmentPagerAdapter{
    private List<Fragment> list_fragment;
    private  List<String> list_Title;

    public Find_tab_Adapter(FragmentManager fm, List<Fragment> list_fragment, List<String> list_Title) {
        super(fm);
        this.list_fragment = list_fragment;
        this.list_Title=list_Title;
    }
    @Override
    public Fragment getItem(int position) {
        return list_fragment.get(position);
    }

    @Override
    public int getCount() {
        return list_Title.size();
    }
    /**/

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