Android布局管理器

Android布局管理器

        在Android中，每个组件在窗口中都有具体的位置和大小，在窗体中摆放各种组件时，很难进行判断。不过，使用布局就可以很方便的控制各组件的位置和大小。

      Android提供了5中布局管理：

            线性布局管理器（LinearLayout）：将放入其中的组件按照垂直或水平方向来布局，也就是控制放入其中的组件横向或纵向排列。在线性布局中，每一行或每一列只能放一个组件，而且不会换行，当组件排列到窗体边缘后，后面的组件不会被显示出来。

           在线性布局中，排列方式由android:orientation属性来控制（horizontal水平，vertical垂直），对齐方式由android:gravity属性来控制。

          表格布局管理器（TableLayout）：与常见的表格类似，以行、列的形式来管理放入其中的UI组件。使用<TableLayout>标记定义，可以添加多个<TableRow>标记，每个TableRow占一行。在<TableRow>中没添加一个其他组件，表格就会增加一列。

           如下代码则为一个两行两列的表格，其中<EditText></EditText>可根据需求替换，但一个组件即为一列：

              <TableLayout>

                          <TableRow>

                                                              <EditText></EditText>

                                                              <EditText></EditText>

                          </TableRow>

                          <TableRow>

                                                               <EditText></EditText>

                                                               <EditText></EditText>

                          </TableRow>

            </TableLayout>

          帧布局管理器（FrameLayout）：每加入一个组件，都讲创建一个空白的区域，通常称为一帧，这些帧都会根据gravity属性执行自动对齐。默认从屏幕左上角（0.0）坐标点开始布局，多个组件层叠排序，后面的覆盖前面的。

           <FrameLayout android:layout_width="wrap_content"

                     android:layout_height="wrap_content" android:layout_weight="1">

                                 <ImageView android:id="@+id/iv1" android:layout_width="wrap_content"

                                               android:layout_height="wrap_content" android:visibility="invisible"

                                              android:src="@drawable/lotusleaf"></ImageView>

                                 <ImageView android:id="@+id/f1" android:layout_width="wrap_content"

                                              android:layout_height="wrap_content" android:src="@drawable/frog_right"

                                              android:visibility="invisible"></ImageView>

           </FrameLayout> 

            此布局的效果就是id为f1的图片覆盖在了id为iv1的上面。两个都出现在左上角的位置。

          相对布局管理器（RelativeLayout）：按照组件之间的相对位置来进行布局，如某个组件在另一个组件的左边、右边、上边、或下边等。

         RelativeLayout的属性（此处为复制）：

        

         第一类 : 属性值为 true 或 false

         android:layout_centerHrizontal                   水平居中

         android:layout_centerVertical                     垂直居中

         android:layout_centerInparent                    相对于父元素完全居中

         android:layout_alignParentBottom              贴紧父元素的下边缘

         android:layout_alignParentLeft                    贴紧父元素的左边缘

         android:layout_alignParentRight                  贴紧父元素的右边缘

         android:layout_alignParentTop                    贴紧父元素的上边缘

         android:layout_alignWithParentIfMissing   若找不到兄弟元素以父元素做参照物

 

         第二类：属性值必须为 id 的引用名“ @id/id-name ”

         android:layout_below                          在某元素的下方

         android:layout_above                          在某元素的上方

         android:layout_toLeftOf                       在某元素的左边

         android:layout_toRightOf                     在某元素的右边

         android:layout_alignTop              本元素的上边缘和某元素的的上边缘对齐

         android:layout_alignLeft             本元素的左边缘和某元素的的左边缘对齐

         android:layout_alignBottom       本元素的下边缘和某元素的的下边缘对齐

         android:layout_alignRight           本元素的右边缘和某元素的的右边缘对齐

 

         第三类：属性值为具体的像素值，如 30dip ， 40px

         android:layout_marginBottom              离某元素底边缘的距离

         android:layout_marginLeft                    离某元素左边缘的距离

         android:layout_marginRight                  离某元素右边缘的距离

         android:layout_marginTop                     离某元素上边缘的距离

         绝对布局管理器（AbsoluteLayout）：可以自己定义控件的X,Y的坐标位置。

               这个不推荐使用，因为手机分辨率等问题，会造成绝对定位出来的组件位置在特定的不同手机上运行效果不太一样。

                5个布局中，线性布局和相对布局是用的最多的，在绝对布局中有说到分辨率的问题，在html中大家都知道可以设置宽或高等于%多少，Android中提供了weight属性可以解决此问题。具体的后来再说吧。

          每个布局都要设置宽（android:layout_width）和高（android:layout_height），这两个属性有三个值分别是：fill_parent，wrap_content，match_parent。关于android:layout_width="fill_parent" 和 android:layout_height="wrap_content" ，这是对每个布局宽和高的设置。 wrap_content可表示随着其中控件的不同而改变这个布局的宽度或高度，类似于自动设置宽和高， fill_parent 使布局填充整个屏幕，另外还有一种 match_parent，它本质上和 fill_parent 一样，并从 API  Level8 开始替代fill_parent。

         不同的布局之间是可以嵌套的，但是布局的属性是不可以乱用的，比如线性布局使用相对布局的属性，虽然不会报错，但白白浪费脑细胞，没有任何效果。