Android Studio作业——APP门户设计

Posted 2021-10-23 通辽鸽宗的忠实拥护者

项目功能

android Studio的本次作业是要做一个类似微信界面框架的搭建，这个框架有四个界面，这四个界面包括微信、通讯录、发现和我，点击下方的图标可以完成界面的切换。

项目结构

Android studio的布局和控制分别是由xml文件与java文件来完成的，此次作业使用了七个xml文件、五个java文件及相应的png文件（文件如下图）

java控制文件：

图片文件：

xml布局文件：

步骤

1.编写 bottom.xml
该文件需要用五个 LinearLayout，分为一个LinearLayout 和四个子 LinearLayout ，每个里面子 LinearLayout 包裹一个 ImageButton 和 TextView ，创建一个LinearLayout1 ，Ctrl+c/v，然后更改id即可得到4个子 LinearLayout，再调整好layout_width、layout_height、背景颜色与字体颜色即可。

2.编写 top.xml
该文件需要一个LinearLayout和一个TextView，调整下LinearLayout和TextView的layout_width、layout_height及背景颜色与字体颜色即可。

3.编写主布局文件 activity_main.xml
利用和Fragment布置好activity_main.xml。

4.编写四个 xxxBlankFragment.java 文件及对应的xml文件
保留 xxxBlankFragment.java 文件中的构造函数和onCreateView（）函数即可，在创建xxxBlankFragment.java 文件的同时也会创建对应的xml文件。

5.编写 MainActivity.java 文件
通过transaction.add（）将四个xxxFragment中的内容填入FrameLayout中，通过show()就可以展示对应的页面，hide()可以隐藏相应的页面，先用hide（）隐藏所有的页面，点击底部的图标时，用show（）展示对应的页面。
相关文件作用及部分代码解释均在Gitee源代码注释中

作业源码：

**Gitee:**https://gitee.com/czyxioawu/Homework1.git