结合TabLayout 、ViewPager 、 Fragment 实现顶部导航栏，最实用！！！

     说明:因为我习惯实用DataBinding，所以本文使用了DataBinding 的知识，如果对 DataBinding 还没有一点了解的强烈建议大家一定先去了解一下 DataBinding 相关的知识Android DataBinding 详解)。

下面我们开始一步步来实现:

1.首先我们先来创建所需要的 Fragement 以及相对应的布局文件，这里我们拿首页 HomeFragment 来做示例：

首先创建 fragment_home.xml 布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="首页"
            android:textSize="40sp" />

    </LinearLayout>
</layout>

     这里非常简单，一个线性布局里面放一个 TextView，想必大家一看就明白，只是要注意最外层布局是 <layout> 标签，这就是刚才提到的 DataBinding 需要的，和我们平时的布局不太一样的一点

接下来创建 HomeFragment 类:

package com.example.qiudengjiao.tablayout.Module.home;

import android.databinding.DataBindingUtil;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.example.qiudengjiao.tablayout.Base.BaseFragment;
import com.example.qiudengjiao.tablayout.R;
import com.example.qiudengjiao.tablayout.databinding.FragmentHomeBinding;

/**
 * 主界面 - 首页Fragment
 * Created by qiudengjiao on 2017/5/6.
 */

public class HomeFragment extends BaseFragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        FragmentHomeBinding binding = DataBindingUtil.inflate(inflater, R.layout.fragment_home, container, false);
        
        return binding.getRoot();
    }
}

     我们来简单看一下上面的这段代码，和我们平时写的其实差不太多，使用 DataBindingUtil 调用 inflate() 方法来加载我们刚写好的布局，返回一个 FramentHomeBinding 对象，这个对象是自动生成的，这个对象的生成和布局文件的名字是有关系的，生成规则就是布局文件的名字加 Binding，更详细的大家可以去看我关于 DataBinding 的博文，这里不再展开详细描述，再就是  return binding.getRoot()，这句代码就是返回上面绑定的布局文件，到这里我们的首页 HomeFr