天天看点

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的注释:

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

/**
 * A Layout where the positions of the children can be described in relation to each other or to the
 * parent.
 */
//在RelativeLayout中,可以依据一个子布局(控件)与其他子布局(控件)
//或者父窗体的相对位置关系来描述它的位置
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 设置该控件距下边(无论是父控件还是兄弟控件)的长度

                                                     下篇    确定控件的其他属性

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

(待补充)

转载于:https://www.cnblogs.com/hwgt/p/5414401.html