因为我是在之前的基础上写的，所以这个tablelayout和viewpager实际上是写在fragment上的。要写到activity里其实也是一样的啦。
先看效果图，原谅我不会动态图，只能截个图啦
布局文件
app：tabindicatorcolor意思是选中的导航条的颜色。
app：tabselectestextcolor是选中的导航条的文字颜色。
app：tabtextcolor 是没有选中的导航条文字的颜色。
java代码
适配器的代码，和平时viewpager的写法是一样的，但是多了一个方法getpagetitle();