安卓APP首页

# 2022年夏季《移动软件开发》实验报告

<center>姓名：李昕翰  学号：20020007038</center>

| -------------------- | -------------------------------- |

| 本实验属于哪门课程？ | 中国海洋大学22夏《移动软件开发》 |

| 实验名称？           | 实验6：安卓APP首页          |

| 博客地址？           |https://blog.csdn.net/lixinhan0305?spm=1000.2115.3001.5343|

| Github仓库地址？     |https://gitee.com/lxh0305/codes/new（gitee）|

（备注：将实验报告发布在博客、代码公开至 github 是 **加分项**，不是必须做的）

## **一、实验目标**

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

## 二、实验步骤

1. 首先我们创建他们的父布局，新建ScrollView ，创建ScrollView 内部父布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:background="#e5e5e5e"
    android:layout_height="match_parent">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

2、创建顶部首页显示栏，设置宽高，设置文字，设置字体样式，设置字体颜色，字体居中

<TextView

    android:layout_width="match_parent"

    android:layout_height="50dp"

    android:gravity="center"

    android:text="首页"

    android:textColor="#333"

    android:textSize="20dp"

    android:textStyle="bold" />

3、创建顶部图片，设置宽高，src加载图片，设置边距

<ImageView

    android:layout_width="match_parent"

    android:layout_height="185dp"

    android:layout_marginLeft="10dp"

    android:layout_marginRight="10dp"

    android:src="@mipmap/test_img" />

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

<LinearLayout

    android:layout_width="match_parent"

    android:layout_height="85dp"

    android:layout_marginLeft="10dp"

    android:layout_marginRight="10dp"

    android:orientation="horizontal"

    android:weightSum="4">



    <RelativeLayout

        android:layout_width="0dp"

        android:layout_height="match_parent"

        android:layout_weight="1"

        android:orientation="vertical">



        <ImageView

            android:id="@+id/yanfang"

            android:layout_width="60dp"

            android:layout_height="60dp"

            android:layout_centerHorizontal="true"

            android:layout_marginTop="5dp"

            android:src="@mipmap/test_icon1" />



        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:gravity="center"

            android:layout_below="@id/yanfang"

            android:text="验房"

            android:textColor="#333"

            android:textSize="16dp"

            android:textStyle="bold" />

5、设置消息模块，首先我们创建一个横向的LinearLayout来作为菜单栏的父布局，创建待办Textview，创建更多Textview

<LinearLayout

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:background="#e5e5e5e"

    android:layout_marginTop="10dp"

    android:orientation="horizontal">



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginLeft="10dp"

        android:layout_weight="1"

        android:text="代办（10）"

        android:textColor="#333"

        android:textSize="16dp"

        android:textStyle="bold" />



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginRight="5dp"

        android:text="更多"

        android:textColor="#666"

        android:textSize="16dp" />

</LinearLayout>

6、设置底部Tab模块，首先我们创建一个横向的LinearLayoutLinearLayout来作为菜单栏的父布局，再次创建一个LinearLayout作为单个按钮的父布局，按钮这个地方使用了RelativeLayout编写，请同学们仔细学习，参考后，完成其他布局功能

<LinearLayout

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:layout_alignParentBottom="true"

    android:orientation="horizontal"

    android:weightSum="4">



    <RelativeLayout

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_weight="1">



        <ImageView

            android:id="@+id/image"

            android:layout_width="30dp"

            android:layout_height="30dp"

            android:layout_centerHorizontal="true"

            android:layout_marginTop="15dp"

            android:background="@mipmap/test_icon3" />



        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_below="@id/image"

            android:layout_centerHorizontal="true"

            android:gravity="center"

            android:text="首页" />

    </RelativeLayout>

## 三、程序运行结果

列出程序的最终运行结果及截图。

 

## 四、问题总结与体会

描述实验过程中所遇到的问题，以及是如何解决的。有哪些收获和体会，对于课程的安排有哪些建议。

本次实验在进行过程中自己学到了更多关于软件开发的知识，并且有了上一个实验的基础本次实验做起来更加的顺利，关于软件的开发自身也更加的熟练。