一、说明
1.每个应用程序都默认包含一个主界面布局文件(.xml)。
2.位于项目的app/src/main/res/layout目录。
3.宽度和高度的属性
match_parent:强制性的使视图扩展至父元素大小。
wrap_content:强制性地使视图扩展以显示全部内容。
4.布局文件名称只能包含小写字母(a-z)数字(0-9)和下划线组成,并且只能是小写字母开头。
5.五大布局:
二、布局文件的创建
三、线性布局(LinearLayout)
1.常用属性
orientation:布局中组件的排列方式,有horziontal(水平)和vertical(垂直)两种方式。
gravity:控制组件所包含的子元素的对齐方式,可多个组合,如(left|buttom)。
layout_gravity:控制该组件在父容器里的对齐方式。
layout_width:布局的宽度,通常不直接写数字,用wrap_content(组件实际大小),fill_parent或者match_parent填满父容器。
layout_height:布局的高度,参数同上。
id:为该组件设置一个资源id,在java文件中可以通过findViewByid(id)找到该组件。
background:为该组件设置一个背景图片,或者直接用颜色覆盖。
2.Weight(权重)
该属性是用来等比例地划分区域。
要等比例划分,分谁,谁的layout_width="0dp",,layout_weight按比例即可。
四、相对布局(RelativeLayout)
1.基本属性
gravity:设置容器内组件的对齐方式。
ignoreGravity:设置了该属性为true的属性的组件,将不受gravity属性的影响。
2.根据父容器定位
layout_alignParentLeft:左对齐。
layout_alignParentRight:右对齐。
layout_alignParentTop:顶部对齐。
layout_alignParentBottom:底部对齐。
layout_centerHorizontal:水平居中。
layout_centerVertical:垂直居中。
layout_centerInParent:中间位置。
3.根据兄弟组件定位
layout_toLeftOf:参考组件的左边。
layout_toRightOf:参考组件的右边。
layout_above:参考组件的上方。
layout_below:参考组件的下方。
layout_alignTop:对齐参考组件的上边界。
layout_alignBottom:对齐参考组件的下边界。
layout_alignLeft:对齐参考组件的左边界。
layout_alignRight:对齐参考组件的右边界。
4.margin(偏移)
layout_margin:设置组件上下左右的偏移量。
layout_marginLeft:设置组件离左边的偏移量。
layout_marginRight:设置组件离右边的偏移量。
layout_marginTop:设置组件离上面的偏移量。
layout_marginBottom:设置组件离下面的偏移量。
5.padding(填充)
padding:往内部元素的上下左右填充一定边距。
paddingLeft:往内部元素的左边填充一定边距。
paddingRight:往内部元素的右边填充一定边距。
paddingTop:往内部元素的上方填充一定边距
paddingBottom:往内部元素的下方填充一定边距。
五、表格布局(TableLayout)
1.说明
(1)需要和TableRow标记配合使用,TableRow的数量决定表格的行数。
(2)表格的列数是由包含最多控件的TableRow决定的。
(3)TableRow的layout_width属性默认为match_parent,其他值不会生效。
(4)layout_height默认是wrap_content,可以设置大小。
(5)整个表格布局的宽度和取决于父容器的宽度。
2.常用属性
collapseColumns:设置需要被隐藏的列的序号。
shrinkColumns:设置允许被收缩的列的序列号。
stretchColumns:设置允许被拉伸的列的序列号。
注意:列号从0开始。
layout_column=“2”跳过第二个格子,直接显示到第三个格子处。
layout_span="4"合并四个单元格
六、帧布局(FrameLayout)
直接开辟一块空白区域,拖进去的控件默认位置左上角。
前景图像:用于处于帧布局最上面,直接面对用户的图像,是不会被覆盖的图片。
1.常用属性
foreground:用来设置帧布局容器的前景图像。
foregroundGravity:用来设置帧布局容器的前景图像显示的位置。
七、绝对布局(AbsoluteLayout)
layout_x:横坐标
layout_y:纵坐标