android 介面佈局 很好的一篇總結 【轉】

weixin_33816946發表於2012-05-29

佈局:  

  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>

相關文章