main

 package animtest.com.example.e531.tablelayout_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 android.util.Log;


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


/**
 * tablayout+viewPager
 */
public class MainActivity extends AppCompatActivity {


    private List<String> datas=new ArrayList<String>();


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TabLayout tabLayout= (TabLayout) findViewById(R.id.tas);
        ViewPager viewPager= (ViewPager) findViewById(R.id.vp);


        datas.add("推薦");
        datas.add("要聞");
        datas.add("娛樂");
        datas.add("科技");
        datas.add("汽車");
        datas.add("體育");
        datas.add("圖片");
        datas.add("動漫");
        datas.add("社會");
        datas.add("遊戲");


//        tabLayout.addTab();
        viewPager.setAdapter(new MyAdapter(getSupportFragmentManager()));


        //進行關聯
        tabLayout.setupWithViewPager(viewPager);


    }




    class MyAdapter extends FragmentPagerAdapter{


        //帶參的構造方法
        public MyAdapter(FragmentManager fm) {
            super(fm);
        }


        //返回選項卡的文字 ，，，新增選項卡
        @Override
        public CharSequence getPageTitle(int position) {
            return datas.get(position);
        }


        @Override
        public Fragment getItem(int position) {
            Log.d("zzz","position:"+position);


            //建立fragment物件並返回
            Bundle bundle=new Bundle();
            bundle.putString("key",datas.get(position));


            ContentFragment contentFragment=new ContentFragment();
            contentFragment.setArguments(bundle);


            return contentFragment;
        }


        @Override
        public int getCount() {
            return datas.size();//返回選項卡的數量
        }
    }


}

 Fragment

 package animtest.com.example.e531.tablelayout_demo2;


import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;


/**
 * Created by e531 on 2017/10/13.
 */
public class ContentFragment  extends Fragment {


    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view=View.inflate(getActivity(),R.layout.content,null);
        TextView textView= (TextView) view.findViewById(R.id.tv);


        Bundle bundle=getArguments();
        textView.setText(bundle.getString("key"));




        return view;
    }
}

Xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context="animtest.com.example.e531.tablelayout_demo2.MainActivity">




    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:id="@+id/tas"
        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:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/vp"
        android:layout_below="@+id/tas"
        ></android.support.v4.view.ViewPager>




</RelativeLayout>

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


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/tv"
        android:textColor="#f00"/>


</LinearLayout>