ViewPager应用三Fragment+TabLayout

效果展示

说明：1ViewPager+4Fragment+1TabLayout+适配器
TabLayout依赖：implementation ‘com.android.support:design:28.0.0’

一.Activity布局

<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"
    tools:context=".Pager2Activity"
    android:orientation="vertical">

    <android.support.design.widget.TabLayout
        android:id="@+id/tablayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorColor="@android:color/holo_orange_dark"
        app:tabIndicatorHeight="4dp"
        app:tabSelectedTextColor="@android:color/holo_orange_dark"
        app:tabMode="scrollable"
        app:tabIndicatorFullWidth="true"
        app:tabGravity="fill">

    </android.support.design.widget.TabLayout>

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

    </android.support.v4.view.ViewPager>

</LinearLayout>

二.Activity代码

 ArrayList<Fragment> fragments;
    ArrayList<String> titles;
    TabLayout tabLayout;
    Framgent1 fragment1;
    Fragment2 fragment2;
    Fragment3 fragment3;
    Fragment4 fragment4;
    ViewPager viewPager;

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

        viewPager = findViewById(R.id.viewPager2);
        tabLayout = findViewById(R.id.tablayout1);
        fragment1 = new Framgent1();
        fragment2 = new Fragment2();
        fragment3 = new Fragment3();
        fragment4 = new Fragment4();

        fragments = new ArrayList<>();
        fragments.add(fragment1);
        fragments.add(fragment2);
        fragments.add(fragment3);
        fragments.add(fragment4);

        titles = new ArrayList<>();
        titles.add("首页");
        titles.add("视频");
        titles.add("商品");
        titles.add("上新");

       MyFragmentPagerAdapter adapter =
               new MyFragmentPagerAdapter(getSupportFragmentManager(),fragments,titles);

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

        for (int i =0;i<tabLayout.getTabCount();i++)
        {
            //这里添加的图片相同，可以自行把每一页换成不一样的图片
            tabLayout.getTabAt(i).setIcon(R.mipmap.bq1);
        }


        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int i, float v, int i1) {

            }

            @Override
            public void onPageSelected(int i) {

            }

            @Override
            public void onPageScrollStateChanged(int i) {

            }
        });


        tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                Toast.makeText(Pager2Activity.this, "--"+tab.getText()+"--"+tab.getTag(), Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {

            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });
    }
}

三.适配器

 ArrayList<Fragment> fragments;
    ArrayList<String> titles;

    public MyFragmentPagerAdapter(FragmentManager fm,ArrayList<Fragment> fragments,ArrayList<String> titles) {
        super(fm);
        this.fragments = fragments;
        this.titles = titles;
    }

    @Override
    public Fragment getItem(int i) {
        return fragments.get(i);
    }

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

		
    @Nullable
    @Override   //这个方法用来添加标题
    public CharSequence getPageTitle(int position) {
        return titles.get(position);
    }
}