android 五大布局-线性布局（LinearLayout）

基本属性要求

1 2 3 4 5 6

< LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"      android:orientation = "vertical" >   </ LinearLayout >

• android:orientation
• 决定是水平排列或是垂直排列
• vertical 垂直排列
• horizontal 水平排列

垂直排列 Button

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

< LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"    android:orientation = "vertical" >      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 1" />    < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 2" />   </ LinearLayout >

水平排列 Button

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

< LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"    android:orientation = "vertical" >      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 1" />    < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 2" />   </ LinearLayout >

重心设定

1 2 3 4 5 6 7

< LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"    android:orientation = "vertical"      android:gravity = "left" > </ LinearLayout >

• android:gravity
• 设定框架的内容的放置方向
• center 水平垂直皆置中
• center_vertical 垂直置中
• center_horizontal 水平置中
• top 置顶
• left 置左
• bottom 置底
• right 置右

水平、垂直置中

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

< LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"    android:orientation = "vertical"    android:gravity = "center_vertical" >      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 1" />   </ LinearLayout >   < LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"    android:orientation = "vertical"    android:gravity = "center_horizontal" >      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 1" />   </ LinearLayout >   < LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"    android:orientation = "vertical"    android:gravity = "center" >      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 1" />   </ LinearLayout >

透过 OR 运算子组合重心

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

< LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"    android:orientation = "vertical"    android:gravity = "top|right" >      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 1" />   </ LinearLayout >   < LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"    android:orientation = "vertical"    android:gravity = "bottom|left" >      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 1" />   </ LinearLayout >   < LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"    android:orientation = "vertical"    android:gravity = "center_vertical|center_horizontal" >      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 1" />   </ LinearLayout >

比例分配

?

1 2 3 4 5 6 7 8 9 10 11 12 13

< LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"    android:orientation = "horizontal" >      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 1"        android:layout_weight = "1" />   </ LinearLayout >

• android:layout_weight
• 子元件或子框架的比重。
• LinearLayout 下的子元件或子框架，才能设定这项属性。

等比例分配

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

< LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"    android:orientation = "horizontal" >      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 1"      android:layout_weight = "1" />      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 2"      android:layout_weight = "1" />      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 3"      android:layout_weight = "1" />   </ LinearLayout >

比重都是 1，所以大小相同。

非等比例分配

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

< LinearLayout    android:layout_width = "match_parent"    android:layout_height = "match_parent"    android:orientation = "horizontal" >      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 1"      android:layout_weight = ".10" />      < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 2"      android:layout_weight = ".20" />    < Button      android:layout_width = "wrap_content"      android:layout_height = "wrap_content"      android:text = "Button 3"      android:layout_weight = ".70" />   </ LinearLayout >