【安卓小程序】仿微信页面

一、实验目标

1. 了解安卓的历史及架构；

2. 搭建安卓开发环境 ；

3. 第一个 Android 应用小程序。

二、实验步骤

1. 准备工作：环境搭建

1.1.安装 JDK

创建一个路径不含中文的文件夹，将下载好的 JDK 保存在该目录下。

 

进入安装页面，记住安装的路径

 

下载完成后开始 JRE 的下载。点击下一步即可

 

安装完成

 

1.2.配置 Java 环境

在 此电脑的 [高级系统设置] 处选择 [环境变量]

 

新建系统变量

变量名：Java_Home

变量值：C:\Program Files\Java\jdk1.8.0_331

 

进行 Path 配置。选择 Path ，点击编辑。新建两个变量。

变量 1 ：%Java_Home%\bin

变量 2 ：%Java_Home%\jre\bin

 

之后选中这两个变量，点击右侧的 [上移] 将两个变量置顶。

 

检测配置是否成功：

打开 命令提示符( cmd )，输入 Java 和 Java -version。可查看 Java 是否安装和 JDK 版本。

  

1.3.安装 AndroidStudio (含 SDK)

Android 工具下载地址：Download Android Studio & App Tools - Android Developers

自处下载 zip 版。在 bin 文件中找到 studio64.exe 文件，点击开始使用。

此处不用导入自己的设置，以后也可以改设置。

 

一个关于 SDK 的协议，选择 Accept，然后选择 Finish 。

 

2. 创建项目

点击加号。

 

选择 Empty Activity 。

 

创建项目。注意将 Language 改为 Java。

 

首次运行需要下载一些库，等待即可。注意保持网络连接通畅。

 

项目创建后开发工具会自行下载一个运行所需的 jar 包，等待即可。

3. 视图

• 页面上主要包含5组列表，每组列表包含1-2个列表项。

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

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

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

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

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

4. 代码实现

在 app/res/layout/activity_main.xml 文件中编写页面。

 

打开文件后点击右上角 Split 即可看到代码和视图两个界面。

 

4.1.创建父布局

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

• 对父布局进行设置背景色；

• 设置父布局的垂直方向。

<?xml version="1.0" encoding="utf-8"?>
<L