TabLayout配合viewpager的简单使用

TabLayout配合viewpager的简单使用

这几天在网上搜了一下tabLayout的使用，因为之前在应用viewpager的时候，经常会使用TabPageIndicator来与其配合。达到很漂亮滑动的效果。但是TabPageIndicator是第三方的，而且比较老了，当然了现在很多大神都已经开始自己写TabPageIndicator来满足自己的需求，在2015年的google大会上，google发布了新的Android Support Design库，里面包含了几个新的控件，其中就有一个TabLayout，它就可以完成TabPageIndicator的效果，而且还是官方的，最好的是它可以兼容到2.2以上版本，包括2.2

备注：自己一直用的eclipse然后用eclipse加入的包太麻烦。就果断使用Android studio了，只要在build.gradle中加入compile 'com.android.support:design:22.2.0'即可。
最近王宝强和马蓉的消息比较火就以新闻形式写了一个简单的小demo

activity_main.xml
    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.tablayoutdemo.MainActivity">
    <android.support.design.widget.TabLayout
        android:id="@+id/tab_findFragment_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#aa00aa"
        app:tabIndicatorColor="#fff"
        app:tabSelectedTextColor="#00aa00"
        app:tabTextColor="#fff"

        />
    <android.support.v4.view.ViewPager
        android:id="@+id/tab_vp"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        ></android.support.v4.view.ViewPager>

</LinearLayout>

## 这里解释一下 ##

    app:tabIndicatorColor="#fff"  // 下方滚动的下划线颜色  
app:tabSelectedTextColor="#00aa00"  // tab被选中后，文字的颜色  
app:tabTextColor="#fff"        // tab默认的文字颜色  

 MainActivity
public class MainActivity extends FragmentActivity {

    private TabLayout tab_title;
    private ViewPager tab_vp;
    private List<String>list_tile;
    private List<Fragment>List_fragment;
    private  Colleaction frg_colleaction;
    private  Tuijian frg_tuijian;
    private  MonthHot frg_month;
    private  TodayHot frg_today;
    private  TodayHot frg_today1;
    private  TodayHot frg_today2;

    private FragmentPagerAdapter fAdapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        setView();

    }

    private void setView(){
    tab_title=    (TabLayout)findViewById(R.id.tab_findFragment_title);
        tab_vp= (ViewPager) findViewById(R.id.tab_vp);
        list_tile=new ArrayList<String>();
        list_tile.add("热门推荐");
        list_tile.add("热门收藏");
        list_tile.add("本月热榜");
        list_tile.add("宋喆");
        list_tile.add("王宝强");
        list_tile.add("马蓉");

        List_fragment=new ArrayList<>();
        frg_colleaction=new Colleaction();
        frg_month=new MonthHot();
        frg_tuijian=new Tuijian();
        frg_today=new TodayHot();
        frg_today1=new TodayHot();
        frg_today2=new TodayHot();
        List_fragment.add(frg_tuijian);
        List_fragment.add(frg_colleaction);
        List_fragment.add(frg_month);
        List_fragment.add(frg_today);
        List_fragment.add(frg_today1);
        List_fragment.add(frg_today2);
        //设置tab_title的模式
       tab_title.setTabMode(TabLayout.MODE_FIXED);
                 tab_title.addTab(tab_title.newTab().setText(list_tile.get(0).to String()));
        tab_title.addTab(tab_title.newTab().setText(list_tile.get(1).toString()));
        tab_title.addTab(tab_title.newTab().setText(list_tile.get(2).toString()));
        tab_title.addTab(tab_title.newTab().setText(list_tile.get(3).toString()));
        tab_title.addTab(tab_title.newTab().setText(list_tile.get(4).toString()));
        tab_title.addTab(tab_title.newTab().setText(list_tile.get(5).toString()));
       //viewpager的适配
        fAdapter=new Findt_tab_Adapter(getSupportFragmentManager(),List_fragment,list_tile);
        tab_vp.setAdapter(fAdapter);
        //tablayout加载viewpager
        tab_title.setupWithViewPager(tab_vp);

    }
}

展示运行的结果

是不是用的时候非常简单。
不过中间有个报错就是
java.lang.NoClassDefFoundError: android.support.v7.internal.widget.TintManager
搜了一下我引入的新lib中的build.gradle中的兼容包版本和系统版本不统一
解决办法：
解决办法就是把整个项目里的所有兼容包版本都修改成一致就好了