第一个Android程序

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

一、实验目标

1、学习使用Android studio进行应用程序的创建；

2、能够使用Android studio编写出微信发现界面。

二、实验步骤

5.1 环境的下载和搭建

下载JAVA SE环境：https://www.oracle.com/java/technologies/downloads/

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8KasnUbd-1661051997456)(/Users/songziang/Library/Application Support/typora-user-images/截屏2022-08-21 10.37.47.png)]

下载Android studio（含SDK）：https://developer.android.google.cn/studio#downloads

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WfD3uaBn-1661051997457)(/Users/songziang/Library/Application Support/typora-user-images/截屏2022-08-21 10.38.16.png)]

安装JDK：https://www.oracle.com/java/technologies/downloads/#java8-mac

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cOskz5cu-1661051997458)(/Users/songziang/Library/Application Support/typora-user-images/截屏2022-08-21 10.39.52.png)]

终端输入java - version查看Java版本以及JDK版本：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OFj8Ddgj-1661051997458)(/Users/songziang/Library/Containers/com.softwareambience.Unclutter/Data/Library/Application Support/Unclutter/FileStorage/截屏2022-08-21 10.42.41.png)]

Android studio安装完成后即可新建项目开始编写第一个程序：

5.2 编写微信发现列表页

页面上主要包含5组列表，每组列表包含1-2个列表项。 具体内容解释如下：

列表组1：“朋友圈”单行列表项；

列表组2：“扫一扫”和“摇一摇”两行列表项；

列表组3：“看一看”和“搜一搜”两行列表项；

列表组4：“购物”和“游戏”两行列表项；

列表组5：“小程序”单行列表项。

先导入所需要的图片文件到drawable文件夹中，方便使用时的调取：

5.2.1 首先设计一个外部总垂直布局，包含所有的列表组

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

其中对总布局设置背景颜色，这里选取的是紫色#e5e5色号；设置总布局的垂直方向等参数如上述代码所示。

5.2.2 写五个LinearLayout来构建这五个列表

<LinearLayout
    android:layout_marginTop="10dp"
    android:background="#fff"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="60dp">
</LinearLayout>
<LinearLayout
    android:layout_marginTop="10dp"
    android:background="#fff"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="60dp">
</LinearLayout>
<LinearLayout
    android:layout_marginTop="10dp"
    android:background="#fff"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="60dp">
</LinearLayout>
<LinearLayout
    android:layout_marginTop="10dp"
    android:background="#fff"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="60dp">
</LinearLayout>
<LinearLayout
    android:layout_marginTop="10dp"
    android:background="#fff"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="60dp">
</LinearLayout>

5.2.3 单独构建每个列表

将每一条的信息参数调整到最佳的尺寸和位置：

<LinearLayout
    android:layout_marginTop="10dp"
    android:background="#fff"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="60dp">
    <ImageView
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="15dp"
        android:background="@drawable/icon_pengyou"
        android:layout_width="40dp"
        android:layout_height="40dp"/>
    <TextView
        android:layout_marginLeft="10dp"
        android:textStyle="bold"
        android:textSize="18dp"
        android:textColor="#333"
        android:gravity="center_vertical"
        android:layout_weight="1"
        android:text="朋友圈"
        android:layout_width="0dp"
        android:layout_height="match_parent"/>
    <ImageView
        android:layout_width="20dp"
        android:layout_marginRight="15dp"
        android:layout_gravity="center_vertical"
        android:background="@drawable/right"
        android:layout_height="30dp"
        />

</LinearLayout>

构建第一个列表组并设置宽高、背景色、垂直方向等，根据展示的效果将参数进行微调；

创建列表组中的图标，设置好宽高、背景色、与左边的距离，设置居中等；

创建列表中的汉字，设置汉字、宽高、字体颜色、字体样式、字体大小、与左侧的距离、字体居中等；

创建列表组右边的箭头们设置宽高、水平居中、与右边的距离等。

效果如下图所示：

5.2.4 列表组之间的间隔样式搭建

可以直接使用**android:layout_marginTop=“10dp”**语句来调节条框间的间隔，注意扫一扫和摇一摇、看一看和搜一搜、购物和游戏之间没有间隔，其他有间隔，将一个LinearLayout写完后，复制五次即可，再修改图片地址和文字后即可显示。

三、程序运行结果

最终效果图如下：

四、问题总结与体会

本次实验我初步接触到了安卓应用程序的开发，进行了java环境的搭建，以及Android studio的使用；下载安装过程还算顺利，没有遇到什么大问题，搭建完成后开始进行程序的创建，开始对于Android studio的使用一点也不清楚，包括文件在哪里、怎么打开、在哪个文件里写代码等等，通过查询资料、观看视频才慢慢知道了建完项目后每个文件的含义以及使用；在插入图片时发现拖到项目中的图片文件夹无法显示，但是查看访达中的文件夹图片文件在里面，这个问题我思考了半天，之后向同学请教了解到可以直接将图片拖到drawable文件夹中，但这里要注意一点，图片命名只能以小写英文字母开头。经过不断努力，终于第一个简单的程序初具雏形，在修改参数后，视觉效果尽量还原了微信的样子，通过这次实验的完成，我开始了安卓程序的开发，在使用上了解到了一些简单的操作，后续继续努力，不断完成大的项目的创建和制作。