android 界面布局 很好的一篇总结 【转】

布局：  

  在 android 中我们常用的布局方式有这么几种：

1.LinearLayout ( 线性布局 ) ：(里面只可以有一个控件，并且不能设计这个控件的位置，控件会放到左上角)

                                           线性布局分为水平线性和垂直线性二者的属性分别为： android:orientation= " horizontal "   android:orientation= "vertical" 。

           2.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                  离某元素上边缘的距离

 

 

 

          3.TableLayout ( 表格布局 ) ： (这个要和TableRow配合使用，很像html里面的table)

                                             这个表格布局不像HTML中的表格那样灵活，只能通过 TableRow 属性来控制它的行而列的话里面有几个控件就是几列(一般情况)。 如：

                                                    <TableLayout>

<TableRow>

                                                              <EditText></EditText>

                                                              <EditText></EditText>

</TableRow>

<TableRow>