Android Studio实践——实验1第一个安卓应用

实验介绍

目标:仿微信“发现”页创建列表布局

Android Studio实践——实验1第一个安卓应用_第1张图片

 主要做了XML页面,内部Java代码尚未完成

本次实验需要理解掌握 

LinearLayout布局 以及 ImageView 和 TextView 控件的实验使用

TextView 控件属性:

match_parent:  自适应满屏

wrap_content:  自适应大小

layout_width:宽

layout_height:高

text: 所展现的字

textSize: 字体大小

textColor:字体颜色

textStyle:字体样式  (italic:倾斜,bold:加粗,)

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

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

padding:内部间隔距离

ImageView属性

layout_width:宽

layout_height:高

background:背景

src:加载图片,不会拉伸

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

如果水平排列,垂直只能放一个控件

如果垂直排列,水平只能放一个控件

orientation:垂直方向 (vertical:纵向,horizontal横向)

功能实现

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

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

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

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

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

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

首先设计一个外部总垂直布局,包含所有的列表组,写五个LinearLayout来构建这五个列表组

每个列表组的单独构建 

1. 总布局

微信的“发现”页面明显采用垂直布局



2. 单列表项

每个列表项采用水平布局,指定图片和文字大小和位置



        

        
        


    

 3. 多列表项

多列表项总布局应使用 垂直布局,在列表项内部再使用水平布局

 

        

            
            
            
        

        

            
            
            

        

    

预览:

Android Studio实践——实验1第一个安卓应用_第2张图片

真机预览

 Android Studio实践——实验1第一个安卓应用_第3张图片

 

你可能感兴趣的:(android,android,studio,ide,xml)