Android - 布局详解之LinearLayout与RelativeLayout

本篇博文只针对LinearLayout与RelativeLayout

我们在新建一个布局文件时，一般遵循这样的思路：先确定该文件对应的界面中各个布局和控件的位置和大小，然后再来设置各个布局和控件的其他属性，如背景、文字等。

                                                       上篇    确定控件的位置和尺寸

在确定各个布局和控件的位置和大小时，首先需要考虑的是最外层的Layout的位置，有如下两种方法可以采用：

1、直接设置最外层的Layout填充父窗体，即：

android:layout_width="match_parent"

android:layout_height="match_parent"  ，  这将不涉及Layout与父窗体边缘的距离设置。

2、设置最外层Layout的长宽中的一个或两个的值刚好适应子布局和控件的尺寸，即：

设置android:layout_width="  "、android:layout_height="  "中的一个或两个属性的值为wrap_content，

这种情况下，Layout默认是左边缘和上边缘与父窗体对齐，如果想改变它的显示位置，可使用如下几种方式：

A、直接用一个具体的值来指定Layout与父窗体边缘的距离，需要使用这几个属性：

android:layout_marginLeft	设置该Layout距离父窗体左边缘的距离
android:layout_marginTop	设置该Layout距离父窗体上边缘的距离

    

B、用非具体数值的方式来确定Layout在父窗体中的位置，需要使用这几个属性：

android:layout_gravity="  "，

可以选择的常用值有：center_vertical、center_horizontal（竖直居中、水平居中）等

但需要注意的是，使用A、B两种方式是会有冲突的，这会增加维护的难度，最好不要同时使用。

上述解决了Layout在父窗体中的位置和大小设置的问题，LinearLayout与RelativeLayout皆适用。

那么，一个  LinearLayout或RelativeLayout中的控件（布局）的位置  又是怎么来确定呢？

在界面比较复杂的情况下，我们可以先将这个Layout中的所有子Layout和控件都视为子控件，待处理完这个Layout中的子控件的位置后，再来处理子Layout中的控件的位置和大小，有点类似递归的思想。

同样，在设置Layout中的控件的位置时，LinearLayout与RelativeLayout也有很多可以共用的属性，

比如使用如下几种方式来设置：

A、直接用一个具体的值来指定Layout中的内容与Layout边缘的距离，需要使用这几个属性：

android:paddingLeft	设置该Layout中的内容距离该Layout左边缘的距离
android:paddingTop	设置该Layout中的内容距离该Layout上边缘的距离
android:paddingRight	设置该Layout中的内容距离该Layout右边缘的距离
android:paddingBottom	设置该Layout中的内容距离该Layout下边缘的距离

B、用非具体数值的方式来确定该Layout中的内容的位置，需要使用以下属性：

android:gravity                                      

可以选择的常用值有：center_vertical、center_horizontal、right（竖直居中、水平居中、靠右）等

但需要注意的是，使用A、B两种方式是会有冲突的，这会增加维护的难度，最好不要同时使用。

除此之外，在设置Layout中的控件的位置时，LinearLayout与RelativeLayout也有很多不同的属性。

接下来分析，LinearLayout与RelativeLayout的属性有何不同？在使用时怎么选择？

一、LinearLayout

LinearLayout的注释：

[java]  view plain  copy

1. /** 
2.  * A Layout that arranges its children in a single column or a single row. The direction of  
3.  * the row can be set by calling {@link #setOrientation(int) setOrientation()}.  
4.  * You can also specify gravity, which specifies the alignment of all the child elements by 
5.  * calling {@link #setGravity(int) setGravity()} or specify that specific children  
6.  * grow to fill up any remaining space in the layout by setting the <em>weight</em> member of 
7.  * {@link android.widget.LinearLayout.LayoutParams LinearLayout.LayoutParams}. 
8.  * The default orientation is horizontal. 
9.  */  
10. //LinearLayout 将它的子布局(控件)排成一行或一列，可以调用setOrientation()方法来设置排列  
11. //的方向，或者调用setGravity()方法    //来指定子布局(控件)的对齐方式，还可以设置weight的值  
12. //来改变子布局(控件)的填充范围，默认排列方向是horizontal  
13. public class LinearLayout extends ViewGroup {}  

在设置Layout里边的控件的位置时，LinearLayout中的控件可以使用的属性有：

A、设置该控件距左、上、右、下边（无论是父控件还是兄弟控件）的长度（在RelativeLayout中也适用）：

android:layout_marginLeft	设置该控件距左边（无论是父控件还是兄弟控件）的长度
android:layout_marginTop	设置该控件距上边（无论是父控件还是兄弟控件）的长度
android:layout_marginRight	设置该控件距右边（无论是父控件还是兄弟控件）的长度
android:layout_marginBottom	设置该控件距下边（无论是父控件还是兄弟控件）的长度

    

B、用非具体数值的方式来确定该控件在父窗体中的位置，需要使用这几个属性：

android:layout_gravity="  "，

可以选择的常用值有：center_vertical、center_horizontal（竖直居中、水平居中）等

C、在控件内用android:layout_weight 属性修改控件在父控件中的填充比例

关于这个属性的使用，这里不再讲述，网上已有分析，链接如下：

layout_weight的深刻理解

二、RelativeLayout

RelativeLayout的注释：

[java]  view plain  copy

1. /** 
2.  * A Layout where the positions of the children can be described in relation to each other or to the 
3.  * parent. 
4.  */  
5. //在RelativeLayout中，可以依据一个子布局(控件)与其他子布局(控件)  
6. //或者父窗体的相对位置关系来描述它的位置  
7. public class RelativeLayout extends ViewGroup {}  

在设置Layout里边的控件的位置时，RelativeLayout中的控件可以使用的属性有：

A、设置该控件和父控件的相对位置（属性值为true或false）：

android:layout_centerHrizontal	水平居中
android:layout_centerVertical	垂直居中
android:layout_centerInparent	相对于父元素完全居中
android:layout_alignParentBottom	贴紧父元素的下边缘
android:layout_alignParentLeft	贴紧父元素的左边缘
android:layout_alignParentRight	贴紧父元素的右边缘
android:layout_alignParentTop	贴紧父元素的上边缘

B、设置该控件和某个兄弟控件的相对位置（属性值为控件的id）：

android:layout_below	在某元素的下方
android:layout_above	在某元素的的上方
android:layout_toLeftOf	在某元素的左边
android:layout_toRightOf	在某元素的右边
android:layout_alignBaseline	本元素的baseline和给定元素的baseline对齐
android:layout_alignTop	本元素的上边缘和某元素的的上边缘对齐
android:layout_alignLeft	本元素的左边缘和某元素的的左边缘对齐
android:layout_alignBottom	本元素的下边缘和某元素的的下边缘对齐
android:layout_alignRight	本元素的右边缘和某元素的的右边缘对齐

C、设置该控件距左、上、右、下边（无论是父控件还是兄弟控件）的长度（属性值为具体值如30dip，在LinearLayout中也适用）：

android:layout_marginLeft	设置该控件距左边（无论是父控件还是兄弟控件）的长度
android:layout_marginTop	设置该控件距上边（无论是父控件还是兄弟控件）的长度
android:layout_marginRight	设置该控件距右边（无论是父控件还是兄弟控件）的长度
android:layout_marginBottom	设置该控件距下边（无论是父控件还是兄弟控件）的长度

                                                     下篇    确定控件的其他属性

以下为各个控件的常用属性总结：