android studio实现仿微信界面

时间:2024-03-03 16:11:58

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

该项目分为两个大的模块:UI设计和功能实现

一、UI设计

整个页面包含三个部分:顶部标识、底部按钮、正文部分

整体上采用了LinearLayout布局,再联合fragment技术,以此来实现控件的点击监听

为此我使用了三个文件:top.xml ,buttom.xml , main.xml(包括了上下两部分的连接),以下是对应的代码实现:

top.xml

 

 buttom.xml(代码部分只展示了一个按钮的,其他的按钮除了各自特有的属性外都大同小异,故不再赘述)

 

 

main.xml

 

 

 

 再就是四个tab页面的代码实现,四个文件对应了各自的页面,以下也只展示一个文件,其他的不再赘述

 

 

 

 

 

 

 

 

 

 

 

二、功能实现

需要五个java文件:main文件以及各个tab对应的文件

 

 

 

 1.fragment的标准化

 

 

2.tab的展示以及隐藏

 

 

 

 

 3.tab的点击切换

这是最重要的一个步骤,想要实现tab间的点击切换,我们需要设置一个FragmentManager来对四个tab进行控制,再结合tab的隐藏,来实现动作发生时一个tab的显示以及另外三个tab的隐藏

 

 

 

 

 进行到这一步时项目以及基本完成,经测试后发现tab间的切换动作不太明显,只有各个tab中文本的变化,如果想要使用者能够更直观地观察到tab间的切换,我们可以使tab间的切换动作发生时,附带tab按钮颜色的变化

 

 此时tab间的切换动作发生时对应的tab按钮会变成绿色,便于观察

 这个地方需要注意的就是必须在switch语句之前将文本颜色重置

 

三、功能展示

 

 

 

 

 

 

 

 

 

 代码地址:https://github.com/rikka-sherry/MyWork-r1kka