TabLayout+ViewPager+Fragment制作页卡

本人很懒，直接上代码了。

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:andro />
    </RelativeLayout>
</android.support.design.widget.CoordinatorLayout>

Tab自定义布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:andro/>
</LinearLayout>

Activity代码：

public class HomeActivity extends AppCompatActivity {
    @BindView(R.id.tab_layout)
    TabLayout mTabLayout;
    @BindView(R.id.container)
    ViewPager mViewPager;
    private TabPagerAdapter mSectionsPagerAdapter;
    private String[] titleArra = new String[]{"最新", "娱乐", "财经", "体育"};
    private int[] imgArra = {R.mipmap.ic_launcher, R.mipmap.ic_launcher, R.mipmap.ic_launcher, R.mipmap.ic_launcher};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_home);
        ButterKnife.bind(this);

        // Create the adapter that will return a fragment for each of the three
        // primary sections of the activity.
        mSectionsPagerAdapter = new TabPagerAdapter(this, getSupportFragmentManager(), titleArra, imgArra);

        //TabLayout设置为宽度占满屏幕或者为可滚动
        mTabLayout.setTabMode(TabLayout.MODE_FIXED);

        // Set up the ViewPager with the sections adapter.
        mViewPager.setAdapter(mSectionsPagerAdapter);
        mTabLayout.setupWithViewPager(mViewPager);

        //Add the tag elements
        for (int i = 0; i < titleArra.length; i++) {
            TabLayout.Tab tab = mTabLayout.getTabAt(i);
            tab.setCustomView(mSectionsPagerAdapter.getTabView(i));
        }
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_home, menu);
        return true;
    }
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

适配器：

public class TabPagerAdapter extends FragmentPagerAdapter {
    private Context mContext;
    private String[] titleArra = null;
    private int[] imgArra = null;
    public TabPagerAdapter(Context context, FragmentManager fm, String[] titleArra, int[] imgArra) {
        super(fm);
        this.mContext = context;
        this.titleArra = titleArra;
        this.imgArra = imgArra;
    }
    @Override
    public Fragment getItem(int position) {
        // getItem is called to instantiate the fragment for the given page.
        // Return a PlaceholderFragment (defined as a static inner class below).
        switch (position) {
            case 0:
                break;
            case 1:
                break;
            case 2:
                break;
            case 3:
                break;
        }
        return MapFragment.newInstance(position + 1);
    }
    @Override
    public int getCount() {
        return titleArra == null ? 0 : titleArra.length;
    }
    @Override
    public CharSequence getPageTitle(int position) {
        return titleArra != null ? titleArra[position] : null;
    }

    public View getTabView(int position) {
        View view = LayoutInflater.from(mContext).inflate(R.layout.icon_layout, null);
        TextView tv = (TextView) view.findViewById(R.id.title_tv);
        ImageView imageView = (ImageView) view.findViewById(R.id.img);
        if (imgArra == null || titleArra == null) {
            return view;
        }
        tv.setText(titleArra[position]);
        imageView.setImageResource(imgArra[position]);
        return view;
    }
}