本文共 1267 字，大约阅读时间需要 4 分钟。

1 类似于新闻app或者引用宝，先看效果图

2 简单实现

* 需求：TabLayout的简单使用 *  确定布局---找到控件--设置adapter-- *  1 initView()-- *  2 initAdapter *  3 initTablayout *  4 initViewpager*/

2-1 布局：注意V4，V7，Design包里面的属性是不主动提示的，要手敲或copy

   
   
        
    
     	//下划线的颜色	app:tabTextAppearance="@style/MyTablayoutTextAppearance"//字体大小    
        
        
    
   

2-2 比较简单，不是重点

initView();initData();initAdapter();

2-3 设置TabLayout：添加Tab及设置mode

TabLayout.MODE_SCROLLABLE);//此模式与viewpaper常和viewpaper一起用。

private void initTabLayout() {        tabLayout.setTabMode(TabLayout.MODE_FIXED);//官网解释fixed是个滑动        tabLayout.addTab(tabLayout.newTab().setText(tabs.get(0)));/**注意创建TAB对象：tabLayout.newTab()*/        tabLayout.addTab(tabLayout.newTab().setText(tabs.get(1)));        tabLayout.addTab(tabLayout.newTab().setText(tabs.get(2)));        tabLayout.addTab(tabLayout.newTab().setText(tabs.get(3)));        tabLayout.addTab(tabLayout.newTab().setText(tabs.get(4)));    }

2-4 将二者绑定；TabLayout+Viewpager

private void initViewPager() {        /**注意这2行代码的顺序：viewpaper要先设置adapter，才可以让 tablayout绑定         *  否则报错：viewpager没有setAdapter()*/        viewPager.setAdapter(adapter);        tabLayout.setupWithViewPager(viewPager);        viewPager.setCurrentItem(0);    }

源码地址：http://download.csdn.net/detail/ss1168805219/9422782