《移动软件开发》实验5

一、实验目标

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

二、实验步骤

5.0准备工作

5.0.1安装好Android studio

5.0.2了解控件属性

1.Textview

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

2.imageview

• layout_width:宽
• layout_height:高
• background:背景
• src:加载图片,不会拉伸

3.LinearLayout(线性布局)

主要以水平或垂直方式来排列界面中的控件，并将控件排列到一条直线上。在线性布局中，如果水平排列，垂直方向上只能放一个控件；如果垂直排列，水平方向上也只能放一个控件。

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

5.0.3导入图片

在Android studio中打开项目后，直接将课程提供的图片拖进mipmap文件夹中。注意：图片的名称不能含有中文汉字，建议用英文字母命名。

5.1页面设计

5.1.1逻辑梳理

微信“发现”页：

当前效果图：

当前效果图：

当前效果图：

当前效果图：

当前效果图：

此时效果图：

2.方法2：利用layout_marginTop属性

在每一个列表组的布局中添加layout_marginTop属性，通过调整该属性来实现不同间距。

代码如下：

三、程序运行结果

模拟机上的效果图：