tablayout自定义布局

依赖

compile 'com.android.support:design:23.3.0'

布局

<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="fixed"
    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>
主方法和适配器
package com.bwie.tablayout;

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 android.view.View;

import com.bwie.tablayout.fragment.Fragment1;
import com.bwie.tablayout.fragment.Fragment2;
import com.bwie.tablayout.fragment.Fragment3;
import com.bwie.tablayout.fragment.Fragment4;

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

public class MainActivity extends AppCompatActivity {

    private TabLayout tas;
    private ViewPager vp;
    private List<String> datas = new ArrayList<String>();
    private List<Fragment> list=new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tas = (TabLayout) findViewById(R.id.tas);
        vp = (ViewPager) findViewById(R.id.vp);
        //添加fragment
        list.add(new Fragment1());
        list.add(new Fragment2());
        list.add(new Fragment3());
        list.add(new Fragment4());

        //添加标题
        datas.add("手机");
        datas.add("连衣裙");
        datas.add("笔记本");
        datas.add("月饼");

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

        //进行关联
        tas.setupWithViewPager(vp);
    }


    //适配器
    class MyAdapter extends FragmentPagerAdapter {

        //带参的构造方法
        public MyAdapter(FragmentManager fm) {
            super(fm);
        }

        //返回选项卡的文本 ，，，添加选项卡
        @Override
        public CharSequence getPageTitle(int position) {
            return datas.get(position);
        }

        //返回fragment
        @Override
        public Fragment getItem(int position) {
            return list.get(position);
        }

        @Override
        public int getCount() {
            return datas.size();//返回选项卡的数量
        }
    }
}