android|Android Studio作业——APP门户设计

项目功能 Android Studio的本次作业是要做一个类似微信界面框架的搭建,这个框架有四个界面,这四个界面包括微信、新闻、联系人和设置,点击下方的图标可以完成界面的切换。
android|Android Studio作业——APP门户设计
文章图片

项目结构 Android studio的布局和控制分别是由xml文件与java文件来完成的,此次作业使用了七个xml文件、五个java文件及相应的png文件(文件如下图)
android|Android Studio作业——APP门户设计
文章图片

android|Android Studio作业——APP门户设计
文章图片

android|Android Studio作业——APP门户设计
文章图片

步骤 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源代码注释中
作业源码: 【android|Android Studio作业——APP门户设计】**Gitee:**https://gitee.com/czyxioawu/firstHomework.git

    推荐阅读