【0135】【多种多样的App主界面Tab实现方法】-使用ViewPager完成Tab

1. ViewPager实现Tab

 

【实例】本课程的实例

 

【项目的创建】

 

【使用到的图片】

 

【titleBar布局】

 

【底部布局】复制四份linearLayout，然后分别修改text内容和图片；需要分别设置id，包括textVIew和imagVew；

 

【主布局】

【去掉titleBar】

 

【找到所有的控件】

【创建所需要的四个按钮对应的四个布局文件】同理复制四个；

【设置ViewPager的adapter】适配器viewPager中填充的是View，因此需要list集合；

【初始化四个布局】

【适配器的数据的填充】

 

 

 【设置数据适配器】

【viewPager与Tab的绑定】

【Viewpager滑动事件的监听】滑动的时候，按钮的颜色也随着改变；可以将数字书写为常量；

【bug】点击文字的可以切换Viewpager，但是点击图片无法切换；

【原因】点击LinearLayout的时候，线性布局将点击事件传递给了ImageButton,但是ImageButton没有处理点击事件，因此点击事件无响应；

【注意】如果是ImageView则无此问题，因为ImageVIew不具备处理点击事件的能力；但是ImageButton具备此能力；

【解决方法1】可以为ImagVIew也设置点击事件；

【解决方法2】设置ImageButton不可以处理点击事件；

 

2.源码