《移动软件开发》实验六：安卓APP首页

一、实验目标

1. 做一个APP首页，包括顶部图片、顶部菜单栏、中部消息模块、底部Tab按钮。

2. 学习 ScrollView、RelativeLayout以及插件之间的穿插使用。

二、实验步骤

1. 逻辑梳理

做一个app首页，包括顶部图片、顶部菜单栏、中部消息模块、底部Tab按钮。

3. 父布局种类

LinearLayout(线性布局)、RelativeLayout(相对布局)、AbsoluteLayout(绝对布局)、TableLayout(表格布局)、FrameLayout(框架布局)

4. RelativeLayout布局

RelativeLayout，顾名思义，相对布局，也是非常常用的布局，他比LinearLayout更加灵活，可以实现非常复杂的UI。

参数如下：

5. 代码实现

5.1 创建父布局

新建ScrollView，创建ScrollView 内部父布局。

5.3 菜单栏模块

首先我们创建一个横向的tLinearLayout来作为菜单栏的父布局；再次创建一个LinearLayout作为单个按钮的父布局；创建上边的图片按钮,并设置其属性；设置按钮底部文字并赋予其属性。

使用四个LinearLayou创建四个菜单图标。

创建消息管理小图标

钥匙管理区域代码如下：

图标下方消息框文字代码如下：

重复两次上方部分即可实现消息模块，实现效果如下：

代码部分如下：

三、程序运行结果

最终效果图如下

/p>

设置图标的id

心得体会

通过此次实验，我使用Android Studio完成了一个APP首页的设计，包括顶部图片、顶部菜单栏、中部消息模块、底部Tab按钮。同时学习 ScrollView、RelativeLayout以及插件之间的穿插使用，受益匪浅。我初步学会了使用Android Studio设计app首页的方法。此次实验，对于我《移动软件开发》这门课的学习有非常大的帮助，同时也为我以后计算机专业的学习打下了坚实基础。

附：Android Studio源码：