一、实验目标
1、了解安卓的历史及架构;
2、下载、安装并学会使用Android Studio,搭建安卓移动端开发环境;
3、模仿微信“发现”页创建列表布局;
4、学习使用Textview imageview、LinearLayout。
二、实验步骤
列出实验的关键步骤、代码解析、截图。
-
开发环境搭建。安装步骤主要是:电脑安装jdk,配置JAVA环境,安装Androidstudio(含SDK)。创建一个英文名称的文件夹(尽量别用中文),将下载好的 jdk 保存至该目录下,进入java SE的安装页面,点击下一步之后,默认会安装到的 C:\Program Files\Java\jdk \ (这个路径一定要记住,后续要用),这里我们也可以选择想要安装的文件夹(此处选择默认路径),之后再点击下一步。安装完成后,就可以在我们选择的文件下看到下载好的 jdk 和 jre 。
-
接下来我们进行环境变量的配置。鼠标右键 我的电脑(此电脑) - 属性 - 高级系统设置 再选择 环境变量,添加配置,变量名:Java_Home,而变量值就是jdk 的安装目录。同时我们在path中新建两个环境变量并置顶,变量1:%Java_Home%\bin,变量2:%Java_Home%\jre\bin。如下图所示。
-
接下来安装Android Studio。按照步骤安装Android Studio后创建一个新项目,选择Empty Activity创建空的页面app,并把项目语言那里改成JAVA。创建好项目之后就可以开始实验了。
-
-
接下来我们仿微信“发现”页创建列表布局。主要涉及到Textview imageview的使用和LinearLayout的使用。在实验开始之前,我们需要将项目所需的图片资源等导入项目文件夹。如下图所示,并将名字都改成以英文命名。
-
页面上主要包含5组列表,每组列表包含1-2个列表项。
具体内容解释如下:
• 列表组1:“朋友圈”单行列表项;
• 列表组2:“扫一扫”和“摇一摇”两行列表项;
• 列表组3:“看一看”和“搜一搜”两行列表项;
• 列表组4:“购物”和“游戏”两行列表项;
• 列表组5:“小程序”单行列表项。
首先设计一个外部总垂直布局,包含所有的列表组,写五个LinearLayout来构建这五个列表组,每个列表组的单独构建,列表组之间的间隔样式搭建。
-
首先我们创建他们的父布局,对父布局进行设置背景色,设置父布局的垂直方向。在这个布局里面,将存放我们的五个列表组。由于我们需要纵向布局五个列表组,所以我们设置orientation为vertical。并且设置背景颜色为#e5e5e5,设置宽度和高度都占满屏幕。我们将在这个布局里面放置五个子布局,来存放列表,如图二所示。
-
写第一个列表组。此列表组和第五个列表组相同,都只包含1个列表项。所以布局里直接填充内容就可以了,不需要填充新的布局。如下图所示,布局中主要包含三个组件,分别是图标、标题、右键图标,这三个图标采用横向布局。调整好大小,呈现出的朋友圈和小程序列表项如下图二三所示。
-
写第二、三、四个列表组,这三个列表组都包含2个列表项,所以在纵向布局里面还需要设置一个横向布局来包含组件。以扫一扫和摇一摇的列表组为例。如图一所示,用一个纵向布局来包含两个子布局列表项。而子布局列表项和上述的直接填充相似,进行横向布局。之后的同理可得,代码和结果如下图所示。至此我们也就完成了本次实验的全部内容。
三、程序运行结果
列出程序的最终运行结果及截图。
最终运行结果如下图所示,图二是项目在虚拟机上运行的成果。
四、问题总 结与体会
描述实验过程中所遇到的问题,以及是如何解决的。有哪些收获和体会,对于课程的安排有哪些建议。
-
在实验过程中,若项目资源例如图片的命名中包含了中文则会报错,此时只需要重命名成英文名字即可。
我们需要通过添加纵向布局或者是横向布局的属性来控制组件的摆放位置,否则容易看不见组件。
-
通过本次实验,我了解了安卓的历史及架构;下载、安装并学会了使用Android Studio,并且按照步骤搭建安卓移动端开发环境;在相应的环境下模仿微信“发现”页创建列表布局,也学会了学习使用Textview imageview、LinearLayout。拥有了一定的安卓开发基础,也对安卓开发和微信小程序开发的相关区别有了一定的体会。