实验5:第一个Android应用小程序

一、实验目标

1、仿微信“发现”页创建列表布局;

2、学习Textview imageview和LinearLayout的使用

二、实验步骤

1、基础知识

1.1 了解TextView

创建任何一个控件,首先就是给他赋予宽和高。

首先认识以下参数功能:

  1. match_parent: 自适应满屏 wrap_content: 自适应大小

  2. layout_width:宽

  3. layout_height:高

  4. text: 所展现的字

  5. textSize: 字体大小

  6. textColor:字体颜色 textStyle:字体样式 (italic:倾斜,bold:加粗,)

  7. gravity:在控件内部的位置(通用)

  8. layout_margin:与其他控件的距离 (通用)

  9. padding:内部间隔距离

1.2 了解imageview

图像view和文字一样,都要先赋予宽高。

首先认识以下参数功能:

  1. layout_width:宽

  2. layout_height:高

  3. background:背景

  4. src:加载图片,不会拉伸

1.3 父布局与LinearLayout

首先了解以下布局有以下几种常用的方式:

  1. LinearLayout(线性布局)

  2. RelativeLayout(相对布局)

  3. AbsoluteLayout(绝对布局)

  4. TableLayout(表格布局)

  5. FrameLayout(框架布局)

LinearLayout布局特点:放主要提供控件水平或者垂直排列的模型,每个子组件

首先认识以下参数功能:

  1. layout_width:宽

  2. layout_height:高

  3. orientation:垂直方向

  4. (vertical:纵向,horizontal横向)

实验5:第一个Android应用小程序_第1张图片

2、逻辑梳理

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

具体内容解释如下:

• 列表组1:“朋友圈”单行列表项;

• 列表组2:“扫一扫”和“摇一摇”两行列表项;

• 列表组3:“看一看”和“搜一搜”两行列表项;

• 列表组4:“购物”和“游戏”两行列表项;

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

实验5:第一个Android应用小程序_第2张图片

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

2.写五个LinearLayout来构建这五个列表组

3.每个列表组的单独构建

4.列表组之间的间隔样式搭建

实验5:第一个Android应用小程序_第3张图片

3、代码实现

3.1 首先我们创建他们的父布局,对父布局进行设置背景色,设置父布局的垂直方向

实验5:第一个Android应用小程序_第4张图片

3.2 构建第一个列表组,设置宽高,设置背景色,设置垂直方向

实验5:第一个Android应用小程序_第5张图片

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

实验5:第一个Android应用小程序_第6张图片

3.4 创建列表组中的汉字,设置汉字,设置宽高,设置字体颜色,设置字体样式,设置字体大小,设置与左侧的距离,设置字体居中

实验5:第一个Android应用小程序_第7张图片

3.5 创建列表组右边的箭头,设置宽和高,设置背景,设置水平居中,设置与右边的距离

实验5:第一个Android应用小程序_第8张图片

此时的效果图:

实验5:第一个Android应用小程序_第9张图片

此时的代码如下:


 
​
   
​
   
   
   
   
 

3.6 采用多个LinearLayout线性布局,重复上面操作,最终得到结果

实验5:第一个Android应用小程序_第10张图片

 实验5:第一个Android应用小程序_第11张图片

 完整代码如下:



​
    
​
        
        
        
    
​
    
​
        
        
        
    
​
    
​
        
        
        
    
​
    
​
        
        
        
    
​
    
​
        
        
        
    
​
    
​
        
        
        
    
​
    
​
        
        
        
    
​
    
​
        
        
        
    

三、程序运行结果

列出程序的最终运行结果及截图。

实验5:第一个Android应用小程序_第12张图片

四、问题总结与体会

1、主要的问题是最开始对Android studio编译环境不熟悉,不熟悉应该在哪个文件夹下面编写代码,后面随着老师的讲解和与同学的探讨中逐渐了解了,而且所用的编程语句比较容易理解,难度不大

2、通过此次实验,学习了如何使用LinearLayout创建了列表布局,了解了了Textview、imageview的用法,对AndroidStudio开发的有了一定了解

3、源码已经放在GitHub:yidongruanjian/exercise5&6 at main · adu324/yidongruanjian (github.com)

你可能感兴趣的:(移动软件开发,android)