目标:仿微信“发现”页创建列表布局
主要做了XML页面,内部Java代码尚未完成
本次实验需要理解掌握
LinearLayout布局 以及 ImageView 和 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:加载图片,不会拉伸
LinearLayout布局特点:放主要提供控件水平或者垂直排列的模型
如果水平排列,垂直只能放一个控件
如果垂直排列,水平只能放一个控件
orientation:垂直方向 (vertical:纵向,horizontal横向)
页面上主要包含5组列表,每组列表包含1-2个列表项。 具体内容解释如下:
• 列表组1:“朋友圈”单行列表项;
• 列表组2:“扫一扫”和“摇一摇”两行列表项;
• 列表组3:“看一看”和“搜一搜”两行列表项;
• 列表组4:“购物”和“游戏”两行列表项;
• 列表组5:“小程序”单行列表项。
首先设计一个外部总垂直布局,包含所有的列表组,写五个LinearLayout来构建这五个列表组
每个列表组的单独构建
微信的“发现”页面明显采用垂直布局
每个列表项采用水平布局,指定图片和文字大小和位置
多列表项总布局应使用 垂直布局,在列表项内部再使用水平布局
预览:
真机预览