首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171218G02GJ500?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券