2013年7月5日 星期五

LinearLayout 基本排版

LinearLayout是屬於線性排版,以基礎常用的排版,就用下面一張圖的排版來講解。

首先,先看右邊紅色框起來的地方,LinearLayout有分水平排版、垂直排版,在左邊的元件庫(Layouts)裡面都有,它也是屬於樹狀架構的,一層包一層,而LinearLayout也是屬於元件,也可依排版需求放很多個。


LinearLayout的水平排版和垂直排版的設定 
Orientation : vertical 垂直排版
                       horizontal 水平排版

再來是元件的排版設定

1.垂直排版 (一層只能放一個元件)
要控制元件的左、中、右,在Gravity屬性裡面,
以下先列基本的排版
Gravity : left 靠左
                center 置中
                right 靠右




































2.水平排版 (一層可以放多個元件)
這邊有個很重要的屬性 Weight
是控制水平元件的整體比例
它的最大值總合只有 1 




































剩下的就是 Width 和Height的屬性設定
這邊有2個最常用
wrap_content 未填滿 會依照元件的內容物大小來決定(例如 文字的長度大小)。
match_parent 填滿 會依上一層給的長度或寬度大小去填滿它。
fill_parent 這是2.0版之前在用的功能跟match_parent一樣。
Tip  它也可以用數值來控制它的長寬  單位dp




































其它的屬性設定
Margins 單位dp
Margin : 元件與元件的間距
Left : 與左邊的間距
Top : 與上方的間距
Right : 與右邊的間距
Bottom : 與下方元件的間距
以下2個不太常用
Start : 元件與面板起始位置的距離 (跟Left很像)
End : 元件與面板結束位置的距離  (跟Right很像)

大致上基本的排版重點就這幾的地方。

1 則留言: