TabLayout

<?xml version="1.0" encoding="UTF-8"?>

-<RelativeLayout tools:context="com.example.day12tablayout.MainActivity" android:paddingTop="@dimen/activity_vertical_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingBottom="@dimen/activity_vertical_margin" android:layout_height="match_parent" android:layout_width="match_parent" xmlns:tools="http://schemas.android.com/tools" xmlns:android="http://schemas.android.com/apk/res/android"> <android.support.design.widget.TabLayout android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/tab"> </android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:layout_height="match_parent" android:layout_width="match_parent" android:id="@+id/vp" android:layout_below="@+id/tab"> </android.support.v4.view.ViewPager> </RelativeLayout>

========================================================

import android.support.design.widget.TabLayout;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import org.w3c.dom.Text;

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

public class MainActivity extends AppCompatActivity {

    TabLayout tab;
    ViewPager vp;

    List<String> listStr ;
    List<TextView> listTv ;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        tab = (TabLayout) findViewById(R.id.tab);
        vp = (ViewPager) findViewById(R.id.vp);
        initData();
        MyAdapter myAdapter = new MyAdapter();
        vp.setAdapter(myAdapter);

//        for (int i = 0; i < 12; i++) {
//            tab.addTab(tab.newTab().setText("標題" + i));
//        }
        //設置可以滑動
        tab.setTabMode(TabLayout.MODE_SCROLLABLE);
        //當tabLayout和ViewPager進行綁定後   標題會消失
        //在PagerAdapter中要重寫一個  getPageTitle()
        tab.setupWithViewPager(vp);
    }

    private void initData() {
        listStr = new ArrayList<String>();
        listTv = new ArrayList<TextView>();

        for (int i = 0; i < 10; i++) {
            String str = "條目" + i;
            listStr.add(str);
            TextView tv = new TextView(this);
            tv.setText(str);
            listTv.add(tv);
        }
    }

    class MyAdapter extends PagerAdapter{
        @Override
        public int getCount() {
            return listTv.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        //ctrl + o
        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(listTv.get(position));
            return listTv.get(position);
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
//            super.destroyItem(container, position, object);
        }

        //在PagerAdapter和FragmentPagerAdapter中都有該方法
        @Override
        public CharSequence getPageTitle(int position) {
            return listStr.get(position);
        }
    }
}