APP门户界面设计

目录

请根据课程实操实现APP门户界面框架设计，至少包含4个tab页，能实现tab页之间的点击切换；

使用布局（layouts）和分段（fragment），对控件进行点击监听

使用四个fragment，通过覆盖显示来完成界面。

采用LinearLayout布局，分为上、中、下三个模块。由于中间部分内容会变化，所以采用fragment控件，上下部分直接使用include标签引入即可。

1.新建四个fragment，将fragment与layout对应
2.加载fragment：首先获取四个fragment对象，然后定义initFragment()方法，将这四个fragment加载到activity_main文件的frameLayout中去。

3.找到响应区：我们需要对底部四个控件进行点击事件的监听，因此定义initView()方法找到响应区。为了增强用户体验感，用户点击时只需要点击LinearLayout包含的区域即可触发tab切换。另外点击图片时图片资源会发生改变，因此也需获取图片对象


4.定义事件启动函数：MainActivity实现接口View.OnClickListener，默认会对界面进行全屏监听，这里我们只需要对四个控件进行监听，因此自定义initEvent()函数来缩小监听范围

5。控制tab变换：自定义setSelect(int i)函数来显示不同界面内容。一共有四个tab，我们给每个tab设置一个index作为标记，第一个tab为0，第二个tab为1，以此类推，默认index为0。当点击到第i个tab时，需要显示该界面内容，并且将图片变为绿色。要实现此功能，需要先将所有界面都隐藏，再通过switch来匹配，将标记i对应的界面展示出来，并修改图片。函数hideFragment()实现隐藏所有界面功能。代码如下：

（5）重写onClick方法：用户点击哪个tab，就调用setSelect方法设置对应的i值。注意这里还需要对图片进行统一变灰处理。resetImgs方法实现该功能。