TabLayout+ViewPager

添加依赖

主布局

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

    <android.support.design.widget.TabLayout
        android:id="@+id/sy_tablayout"
        android:layout_width="match_parent"
        android:layout_height="40dp"></android.support.design.widget.TabLayout>


    <android.support.v4.view.ViewPager
        android:id="@+id/sy_viewpager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"></android.support.v4.view.ViewPager>
</LinearLayout>

Fragment
public class FindFragment extends Fragment {
    private View view;
    private TabLayout tabLayout;
    private ViewPager viewPager;
    private List<Fragment> fs1 = new ArrayList<>();
    private static final String TAG = "WodeFragment";


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

    private void initView() {
        tabLayout = view.findViewById(R.id.sy_tablayout);
        viewPager = view.findViewById(R.id.sy_viewpager);
    }
    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);

        fs1.clear();
        TextFragment f = TextFragment.create("热销");
        fs1.add(f);
        FuLiFragment ff = FuLiFragment.create("福利");
        fs1.add(ff);
        //设置适配器
        MyFragmentAdapter2 adapter = new MyFragmentAdapter2(getChildFragmentManager(), fs1);

        viewPager.setAdapter(adapter);
        //设置下划线颜色
        tabLayout.setSelectedTabIndicatorColor(Color.RED);
        //添加选项卡
        TabLayout.Tab tab1 = tabLayout.newTab();
        tabLayout.addTab(tab1);
        TabLayout.Tab tab2 = tabLayout.newTab();
        tabLayout.addTab(tab2);
        TabLayout.Tab tab3 = tabLayout.newTab();
        tabLayout.addTab(tab3);
        //将viewpager关联到tablayout
        tabLayout.setupWithViewPager(viewPager);
        //设置可以滑动
        tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);

    }
}

适配器

public class MyFragmentAdapter2  extends FragmentPagerAdapter {
    private List<Fragment> list;

    public MyFragmentAdapter2(FragmentManager fm, List<Fragment> list) {
        super(fm);
        this.list = list;
    }

    @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 list.get(position).getArguments().getString("title");
    }



}

子的Fragment

public class TextFragment extends Fragment {

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

        return view;
    }

    //定义一个方法进行接收
    public static TextFragment create(String title) {
        Bundle bundle = new Bundle();
        bundle.putString("title", title);
        TextFragment fragment01 = new TextFragment();
        fragment01.setArguments(bundle);
        return fragment01;
    }

}