前言

在進行Android開發中，常常需要用到各種佈局來進行UI的繪製，今天我們就來講下Android開發中最常用的五大布局介紹和相關屬性的設定。

目錄

一、佈局介紹

在Android中，共有五種佈局方式，分別是：

• FrameLayout(框架佈局)
• LinearLayout(線性佈局)
• AbsoluteLayout(絕對佈局)
• RelativeLayout(相對佈局)
• TableLayout(表格佈局)

1. FrameLayout框架佈局

• 佈局特點：放入其中的所有元素都被放置在最左上的區域，而且無法為這些元素指定一個確切的位置,下一個子元素會重疊覆蓋上一個子元素
• 應用場景：適合瀏覽單張圖片。

2. LinearLayout線性佈局

• 佈局特點：放主要提供控制元件水平或者垂直排列的模型，每個子元件 
  都是以垂直或水平的方式來線性排布.(預設是垂直)
• 應用場景：最常用的佈局方式

linearLayout中有一個重要的屬性 android:layout_weight=”1”，這個weight在垂直佈局時，代表行距；水平的時候代表列寬；weight值越大就越大。

3. AbsoluteLayout絕對定位佈局

• 佈局特點：採用座標軸的方式定位元件，左上角是（0，0）點，往右x軸遞增，往下Y軸遞增,元件定位屬性為android:layout_x和 android:layout_y來確定座標。
• 應用場景：準確定位空間位置

由於Android手機的螢幕尺寸、解析度存在較大差異，使用AbsoluteLayout無法兼顧適配問題，所以該佈局已經過時

4. RelativeLayout相對佈局

• 佈局特點：為某一個元件為參照物，來定位下一個元件的位置的佈局方式。
• 應用場景：控制元件之間存在相應關係（適配神器，推薦使用）

5. TableLayout表格佈局

• 佈局特點：類似Html裡的Table.使用TableRow來佈局，其中TableRow代表一行，TableRow的每一個檢視元件代表一個單元格。
• 應用場景：控制元件之間存在相應關係。

這五個佈局元素可以相互巢狀應用，做出美觀的介面。

二、佈局屬性配置

Android佈局裡XML的屬性配置

1. 五種Layout中Item的基礎屬性：

• layout_width & layout_height
• layout_margin+方位 & padding+方位
• layout_gravity & gravity

Android五種佈局都具備上述幾個基礎屬性

a. layout_width & layout_height

• 作用：設定Layout中元件的寬度和高度
• 取值： 
  a. 固定的畫素值

android:layout_width="66px"

• 1

• 1

b. “wrap_content” 
相應檢視的寬和高就會被設定成所需的最小尺寸以適應檢視中的內容

android:layout_width="wrap_content"

• 1

• 1

c. “match_parent”(在Android API 8之前叫作”fill_parent”) 
檢視的寬和高延伸至充滿整個父佈局

android:layout_width="match_parent"

• 1

• 1

2. layout_margin+方位/padding+方位

• 作用：設定放入Layout中的View與Layout的邊界或者其他View之間能夠相距一段距離
• 設定：

layout_marginLeft          //paddingLeft
layout_marginTop         //paddingTop
layout_marginRight      //paddingRight
layout_marginBottom   //paddingBottom
layout_margin             //padding

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

• 取值：固定值

android:layout_marginLeft="66px"  
//android:paddingLeft=”66px“

• 1
• 2

• 1
• 2

paddingLeft與android:layout_marginLeft的區別：

• padding和margin都是邊距的含義，但二者邊距的定義不同： 
  padding是控制元件的內容相對控制元件的邊緣的邊距； 
  layout_margin是控制元件邊緣相對父控制元件的邊距。具體如下圖：

3. layout_gravity / gravity

• 作用：用來確定View在Layout中的停靠位置

android gravity和layout_gravity區別： 
1. gravity屬性：是對該view 內容的位置的設定。 
比如一個button 上面的text. 你可以設定該text 在view的靠左，靠右等位置． 
2. layout_gravity屬性：是用來設定該view相對與父view 的位置。 
比如一個button 在Linearlayout裡，你可以通過設定該屬性把該button放在父佈局Linearlayout靠左靠右等位置。

2. 各種Layout的特有屬性

2.1 FrameLayout

作為最簡單的Layout，只具備基礎屬性：

• layout_width & layout_height
• layout_margin+方位 & padding+方位
• layout_gravity & gravity

2.2 AbsoluteLayout

除了基礎屬性外，AbsoluteLayout還具備：

• layout_x：指定控制元件的x座標
• layout_y：指定控制元件的x座標

上述屬性的取值均為固定值。

2.3 TableLayout

除了基礎屬性外，由於TableLayout的行TableRow是一個橫向的（horizontal）的LinearLayout，所以具備LinearLayout的屬性

2.4 LinearLayout

除了基礎屬性，還會有：

• orientation 
  1.作用：設定佈局內控制元件的排列方式 
  2.取值：vertical（垂直排列-預設值）、horizontal（水平排列）

android:orientation="vertical";  
 //android:orientation="horizontal";  

• 1
• 2

• 1
• 2

• layout_weight 
  1.定義：是線性佈局（Linelayout）的一個獨特比例分配屬性 
  2.作用：使用此屬性設定權重，然後按照比例對介面進行空間的分配，公式計算是：控制元件寬度=控制元件設定寬度+剩餘空間所佔百分比寬幅 
  

 具體可以參考這篇文章，講解得非常詳細

2.5 RelativeLayout

RelativeLayout的屬性算是最多的了，除了基本屬性外，還有： 
a. 相對於父空間

上述所有屬性的取值皆為boolean屬性：true、false。

b. 相對於給定控制元件

上述所有屬性的取值皆為給定控制元件的id名，如下例子

//文字控制元件@+id/tab_textview在控制元件@+id/tab_imageview的下方
<TextView    
android:id="@+id/tab_textview"    
android:layout_below="@+id/tab_imageview"    
android:layout_width="wrap_content"    
android:layout_height="wrap_content"      
/>

• 1
• 2
• 3
• 4
• 5
• 6
• 7

• 1
• 2
• 3
• 4
• 5
• 6
• 7

3. 選擇器selector.xml的屬性

3.1 作用 
通過設定selector.xml可使得控制元件在不同操作下（預設、點選、焦點等）的顯示不同樣式

3.2 屬性

上述所有屬性的取值皆為boolean屬性：true、false。

3.3 例項說明 
在drawable新增selector.xml資原始檔。

button_selector.xml:

<?xml version="1.0" encoding="UTF-8"?>
< selector xmlns:android="http://schemas.android.com/apk/res/android">

 < !-- 指定按鈕按下時的圖片 -->
 <item android:state_pressed="true"  
       android:drawable="@drawable/start_down"
 />

 < !-- 指定按鈕鬆開時的圖片 --> 
 <item android:state_pressed="false"
       android:drawable="@drawable/start"
 />

< /selector>

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

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

在佈局檔案main.xml中控制元件的屬性設定:

<Button
  android:id="@+id/startButton"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="@drawable/button_selector" 
/>

• 1
• 2
• 3
• 4
• 5
• 6

• 1
• 2
• 3
• 4
• 5
• 6

三、總結

本文對Android五大布局介紹&屬性設定進行了全面的介紹。接下來我會介紹繼續介紹Android開發中的相關知識，有興趣可以繼續關注Carson_Ho的CSDN部落格！