文章目錄
零、學(xué)習(xí)目標
一、界面與布局概述
（一）界面
（二）布局
1、視圖層次結(jié)構(gòu)圖
2、UI容器 (Container)
3、UI控件 (Control)
4、兩種方式聲明布局
二、線性布局概述
（一）繼承關(guān)系圖
（二）常用屬性
三、案例演示 —— 線性布局屬性
1、創(chuàng)建安卓應(yīng)用【LinearLayoutDemo】
2、主布局資源文件activity_main.xml
3、啟動應(yīng)用，查看效果
四、案例演示 —— 線性布局嵌套
1、創(chuàng)建安卓應(yīng)用【NestedLinearLayout】
2、將三張小圖片拷貝到res/drawable目錄
3、布局資源文件activity_main.xml
4、啟動應(yīng)用，查看效果
五、課后作業(yè)
1、選擇水果
2、計算器界面
零、學(xué)習(xí)目標
能說出安卓界面元素層次
能說出安卓常用的布局
能說出線性布局常用的屬性
能利用線性布局實現(xiàn)簡單的界面設(shè)計
能利用線性布局嵌套實現(xiàn)比較復(fù)雜的界面
一、界面與布局概述
（一）界面
應(yīng)用界面包含用戶可查看并與之交互的所有內(nèi)容。安卓提供豐富多樣的預(yù)置 UI 組件，例如結(jié)構(gòu)化布局對象和 UI 控件，您可以利用這些組件為您的應(yīng)用構(gòu)建圖形界面。安卓還提供其他界面模塊，用于構(gòu)建特殊界面，例如對話框、通知和菜單。
（二）布局
布局可定義應(yīng)用中的界面結(jié)構(gòu)（例如 Activity 的界面結(jié)構(gòu)）。布局中的所有元素均使用 View 和 ViewGroup 對象的層次結(jié)構(gòu)進行構(gòu)建。View 通常繪制用戶可查看并進行交互的內(nèi)容。然而，ViewGroup 是不可見容器，用于定義 View 和其他 ViewGroup 對象的布局結(jié)構(gòu)。
1、視圖層次結(jié)構(gòu)圖

1、視圖層次結(jié)構(gòu)圖

2、UI容器 (Container)
UI容器指ViewGroup，也是View的子類，而ViewGroup有幾個布局子類：LinearLayout、RelativeLayout、AbsoluteLayout、TableLayout、GridLayout，ConstraintLayout。
1、視圖層次結(jié)構(gòu)圖

2、UI容器 (Container)
UI容器指ViewGroup，也是View的子類，而ViewGroup有幾個布局子類：LinearLayout、RelativeLayout、AbsoluteLayout、TableLayout、GridLayout，ConstraintLayout。

3、UI控件 (Control)
UI控件指Widget（微件），不能再包含其它元素的控件，例如標簽（TextView）、文本框（EditText）、按鈕（Button）、 活動欄（Action Bar）、對話框（Dialogs）、狀態(tài)欄（Status）、通知（Notifications）。
4、兩種方式聲明布局
在 XML 中聲明界面元素：Android 提供對應(yīng) View 類及其子類的簡明 XML 詞匯，如用于微件和布局的詞匯。也可使用 Android Studio 的 Layout Editor，并采用拖放界面來構(gòu)建 XML 布局。
在運行時實例化布局元素：應(yīng)用可通過編程創(chuàng)建 View 對象和 ViewGroup 對象（并操縱其屬性）。

二、線性布局概述
線性布局(LinearLayout)是一種比較常用且簡單的布局方式。在這種布局中，所有的子元素都是按照垂直或水平的順序排列在界面上。如果是垂直排列，每個子元素占一行，如果是水平排列，則每個子元素占一列。線性布局可以支持布局樣式嵌套實現(xiàn)復(fù)雜的布局樣式。
常用屬性
layout_width：布局寬度（match_parent，wrap_conent）
layout_height：布局高度（match_parent，wrap_conent）
orietation：方向（vertical，horizontal）
gravity：對齊方式（left, right, center, top, bottom…)
background：背景（顏色、圖片、選擇器）
weight：比重（用于瓜分手機屏幕）
padding：內(nèi)邊距 (paddingLeft, paddingRight, paddingTop, paddingBottom)
margin：外邊距 (marginLeft, marginRight, marginTop, marginBottom)
案例演示 —— 線性布局屬性
1、創(chuàng)建安卓應(yīng)用【LinearLayoutDemo】
將約束布局改成線性布局

添加兩個按鈕

啟動應(yīng)用，查看效果

設(shè)置線性布局的方向 - orientation

啟動應(yīng)用，查看效果

背景屬性（背景色、背景圖片、背景配置文件）

設(shè)置背景色

啟動應(yīng)用，查看效果

啟動應(yīng)用，查看效果

總結(jié)

以上是生活随笔為你收集整理的常用布局的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。