Android中导航栏实现（Fragment+ViewPager+TabLayout）

推荐阅读

http://blog.csdn.net/lebang08/article/details/55669178

概述

基于市场上比较流行的UI界面，来设计的导航栏的实现。

软件设计描述

总体结构设计

如图UI嵌套关系所示UI实现的嵌套关系为：

第一层：Activity。

第二层：RadioButton、Fragment。

第三层：ViewPager、 TabLayout。。

第四层：Fragment。

UI嵌套关系

Demo实现效果

如图Demo效果图所示，本设计主要实现以下界面效果：

1.      点击“训练”，“运动”，“处方”会切换到不同界面。

2.      在具体的“训练”界面可以左右滑动到切换到不同的界面。

3.      点击标题切换到不同的界面。

4.      左右滑动切换界面的同时，标题也会跟着切换。

                                                                                                                           

demo实现效果

详细设计

1）、第一层Activity

Activity作为最基础的一层，主要充当了控件的容器，用来显示出来和用户交互。

2）、第二层

RadioButton主要用来监听用户的点击事件，做逻辑判断，然后显示不同的Fragment。

Fragment会根据RadioButton的点击来切换显示。

3）、第三层

ViewPager是用来存放第四层的Fragment的，可以用来左右滑动，切换到不同的Fragment。

TabLayout是用来显示每个ViewPager界面对应的标题，并且点击对应标题调到对应的ViewPager界面。

4）、第四层

Fragment是最终显示给用户的界面，用来显示详细的内容。

代码

代码存在附件中。谢谢