2017年2月14日 星期二

Relative Layout - UI Layout design

Relative Layout


Relative Layout(相對布局):透過指定當前控件與兄弟控件或者是父控件之間的相對位置,從而達到控制控件位置的目的。

Relative Layout的屬性:

  gravity項目(button)裡面文字或圖片的相對位置。
 ignoreGravity:設定哪個組件不受gravity屬性的影響。
     ex.   android:ignoreGravity = "@id/activity_main(檔名)"


  第一類 : 屬性值為 true false


  layout_centerHrizontal :水平置中

 layout_centerVertical 垂直

 layout_centerInparent 相對於父類別完全居中

 layout_alignParentBottom 黏緊父類別的下邊沿

 layout_alignParentLeft 緊父類別的左邊沿

 layout_alignParentRight 緊父類別的右邊沿

 layout_alignParentTop 緊父類別的上邊沿

layout_alignWithParentIfMissing 若找不到兄弟類別以父類別做參照物。

layout_alignParentStart:這個View開始的位置邊緣對齊它的RelativeLayout父元件開始邊緣。

layout_alignParentEnd這個View結束的邊緣位置對齊它的RelativeLayout父元件結束邊緣。


第二類:屬性值必須為 id 的引用名「 id/id-name


layout_below 在某項目的下方

layout_above 在某項目的上方

layout_toLeftOf在某項目的左邊

layout_toRightOf 在某項目的右邊

layout_toStartOf這個View結束的邊緣對齊指定的View的開始邊緣。

layout_toEndOf這個View開始的邊緣放對齊指定的View的結束邊緣。

layout_alignTop 項目的上邊沿和某項目的的上邊沿對齊

layout_alignLeft 項目的左邊沿和某項目的的左邊沿對齊

layout_alignBottom項目的下邊沿和某項目的的下邊沿對齊

layout_alignRight項目的右邊沿和某項目的的右邊沿對齊

layout_alignStart這個View開始的邊緣對齊指定View的開始邊緣。

layout_alignEnd:這個View結束邊緣的邊對齊指定View結束邊緣。

layout_alignBaseLine:這個View的baseline對齊指定View的baseline。

第三類:屬性值為具體的像素值,如 30dip 40px


layout_marginBottom :離某項目底邊沿的間隔

layout_marginLeft :離某項目左邊沿的間隔

layout_marginRight  離某項目右邊沿的間隔

layout_marginTop  離某項目上邊沿的間隔


參考文獻












更多屬性請看這個網址;




沒有留言:

張貼留言