Android - 布局详解之LinearLayout与RelativeLayout

时间：2022-12-21 11:41:42

本篇博文只针对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 设置该控件距下边（无论是父控件还是兄弟控件）的长度



                                                     下篇    确定控件的其他属性
以下为各个控件的常用属性总结：
标签：

相关文章