tabLayout布局 以及主页面

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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="zhanghaijiao.bawei.com.tablayout_demo2.MainActivity">


    <!--fixed：固定的 不能够滑动
        app:tabGravity="center"    设置居中对齐
        app:tabIndicatorColor="@color/colorAccent" 下滑线的颜色
        app:tabMode="scrollable"  设置tabLayoout菜单的模式,,,scrollable可以横向滚动
        app:tabSelectedTextColor="@color/colorPrimaryDark"  选中的时候文字的颜色
        app:tabTextColor="@color/colorPrimary"       文本默认的颜色


        app:tabGravity="fill" :填充
        app:tabMode="fixed"：固定


    -->
   <android.support.design.widget.TabLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:id="@+id/mytab"
       app:tabGravity="center"
       app:tabIndicatorColor="#fff"
       app:tabMode="scrollable"
       app:tabSelectedTextColor="@color/colorred"
       app:tabTextColor="@color/colorPrimary"></android.support.design.widget.TabLayout>


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

</RelativeLayout>

package zhanghaijiao.bawei.com.tablayout_demo2;


import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;


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


public class MainActivity extends AppCompatActivity {


    private TabLayout myTab;
    private ViewPager viewPager;
    private List<String> lists;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myTab = findViewById(R.id.mytab);
        viewPager = findViewById(R.id.vp);


       initData();


        //添加标签 viewpager的适配器 中返回




        //设置适配器
        viewPager.setAdapter(new MyAdapter(getSupportFragmentManager()));


        //将tabLayout组件与viewPager组件进行关联
        myTab.setupWithViewPager(viewPager);




    }


    private void initData() {
        lists=new ArrayList<>();
        lists.add("推荐0");
        lists.add("推荐1");
        lists.add("推荐2");
//        lists.add("推荐3");
//        lists.add("推荐4");
//        lists.add("推荐5");
//        lists.add("推荐6");
//        lists.add("推荐7");




    }


    class MyAdapter extends FragmentPagerAdapter{
        public MyAdapter(FragmentManager fm) {
            super(fm);
        }


        //返回页面的标题--tabLayout的标签
        @Override
        public CharSequence getPageTitle(int position) {
            return lists.get(position);
        }


        @Override
        public Fragment getItem(int position) {
            Contentfragment contentfragment=new Contentfragment();


            //传值
            Bundle bundle=new Bundle();
            bundle.putString("data",lists.get(position));//每次得到菜单的值
            contentfragment.setArguments(bundle);


            return contentfragment;
        }


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