类微信界面设计（移动开发作业一）

类微信界面设计（移动开发作业一）

作业要求

设计一个app首页
根据课堂展示结果设计app门户界面，包含4个tab切换效果。

1、页面顶部显示app名称
2、页面有中间显示框
3、页面具有底部选择框，并且具有选择事件
4、在页面底部选择框进行改变的时候，中间显示框的页面同步改变

具体分析

页面应该包含一个TopAppBar，一个ButtomNavigationMenu以及四个Fragment。

top

bottom

1.底部共有四个图标采用LinearLayout布局
2.每点击一个图标，对应的Fragment显示。；当点击相应的图标时，不仅图标颜色发生变化，下方文字也应该产生变化。

Java

为底部四个LinearLayout建立事件监听，
点击某个按钮就显示对应的Fragment，同时隐藏其他Fragment，按钮文字颜色也改变。

截图

源码仓库

WeChat