ViewPager实现Tab页面

我们经常在其他应用中看到Tab页面，如微信，qq等主流应用中。那么如何实现Tab页面呢？首先我们来看下使用ViewPager实现底部导航页面。

使用ViewPager实现Tab页面的基本思路是底部四个LinearLayout随ViewPager左右滑动选中不同的LinearLayout,废话少说，直接撸码。

打开Android Studio新建ViewPagerTab项目,并按照如下内容修改xml文件:

如上述代码，底部include进来的bottom_bar中定义底部的四个Tab内容，顶上使用ViewPager占位。

其中bottom_bar源码如下所示:

接下来我们完成ViewPager和底部LinearLayout的事件响应,具体代码如下所示:

运行效果:

完整代码如下：

https://github.com/tuozhaobing/AndroidProgrammingPractice_Source/tree/master/ViewPagerTab