《移动软件开发》实验五：第一个安卓应用

一、实验目标

1. 模仿微信“发现”页创建列表布局。
2. 学习Textview、imageview、LinearLayout的使用。

二、实验步骤

1. TextView

相关参数如下：

match_parent:  自适应满屏wrap_content:  自适应大小
layout_width: 宽
layout_height: 高
text:  所展现的字
textSize:  字体大小
textColor: 字体颜色textStyle:字体样式  (italic:倾斜,bold:加粗,)
gravity: 在控件内部的位置(通用)
layout_margin: 与其他控件的距离  (通用)
padding: 内部间隔距离

layout_width:宽

layout_height:高

background:背景

src:加载图片,不会拉伸

2. 父布局之LinearLayout

​ 布局特点：放主要提供控件水平或者垂直排列的模型，每个子组件。

​ 相关参数如下：

layout_width:宽
layout_height:高
orientation:垂直方向
(vertical:纵向,horizontal横向)

3. 逻辑梳理

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

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

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

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

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

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

4. 代码实现

（1）首先我们创建他们的父布局，对父布局进行设置背景色，设置父布局的垂直方向。

（2）构建第一个列表组，设置宽高，设置背景色，设置垂直方向。

（3）将相关图片复制粘贴至layout下的mipmap文件夹里，创建列表组里的第一个图标，设置宽高，设置背景色，设置与左边的距离，设置居中。

(4)创建列表组中的汉字，设置汉字，设置宽高，设置字体颜色，设置字体样式，设置字体大小，设置与左侧的距离，设置字体居中。

（5）创建列表组右边的箭头，设置宽和高，设置背景，设置水平居中，设置与右边的距离。

（6）用marginTop设置上边距，并建立多个LinearLayout,最终实现效果如下图所示。

三、程序运行结果

最终设计效果如下图所示

四、问题总结与体会

问题总结

问题：右侧箭头无法正确显示大小。

解决方法：将图片直接拖入miptap后图片没有进行压缩，需要将图片复制，粘贴至miptap文件夹，选择xxxhdpi的压缩格式，问题解决。

心得体会

​ 通过此次实验，我模仿微信“发现”页创建了列表布局。并学习了Textview、imageview、LinearLayout的使用，初步学习了使用AndroidStudio进行开发的过程。。此次实验，对于我《移动软件开发》这门课的学习有非常大的帮助，同时也为我以后计算机专业的学习打下了坚实基础。