常用布局
文章目錄
零、學習目標
一、界面與布局概述
(一)界面
(二)布局
1、視圖層次結構圖
2、UI容器 (Container)
3、UI控件 (Control)
4、兩種方式聲明布局
二、線性布局概述
(一)繼承關系圖
(二)常用屬性
三、案例演示 —— 線性布局屬性
1、創建安卓應用【LinearLayoutDemo】
2、主布局資源文件activity_main.xml
3、啟動應用,查看效果
四、案例演示 —— 線性布局嵌套
1、創建安卓應用【NestedLinearLayout】
2、將三張小圖片拷貝到res/drawable目錄
3、布局資源文件activity_main.xml
4、啟動應用,查看效果
五、課后作業
1、選擇水果
2、計算器界面
零、學習目標
能說出安卓界面元素層次
能說出安卓常用的布局
能說出線性布局常用的屬性
能利用線性布局實現簡單的界面設計
能利用線性布局嵌套實現比較復雜的界面
一、界面與布局概述
(一)界面
應用界面包含用戶可查看并與之交互的所有內容。安卓提供豐富多樣的預置 UI 組件,例如結構化布局對象和 UI 控件,您可以利用這些組件為您的應用構建圖形界面。安卓還提供其他界面模塊,用于構建特殊界面,例如對話框、通知和菜單。
(二)布局
布局可定義應用中的界面結構(例如 Activity 的界面結構)。布局中的所有元素均使用 View 和 ViewGroup 對象的層次結構進行構建。View 通常繪制用戶可查看并進行交互的內容。然而,ViewGroup 是不可見容器,用于定義 View 和其他 ViewGroup 對象的布局結構。
1、視圖層次結構圖
1、視圖層次結構圖
2、UI容器 (Container)
UI容器指ViewGroup,也是View的子類,而ViewGroup有幾個布局子類:LinearLayout、RelativeLayout、AbsoluteLayout、TableLayout、GridLayout,ConstraintLayout。
1、視圖層次結構圖
2、UI容器 (Container)
UI容器指ViewGroup,也是View的子類,而ViewGroup有幾個布局子類:LinearLayout、RelativeLayout、AbsoluteLayout、TableLayout、GridLayout,ConstraintLayout。
3、UI控件 (Control)
UI控件指Widget(微件),不能再包含其它元素的控件,例如標簽(TextView)、文本框(EditText)、按鈕(Button)、 活動欄(Action Bar)、對話框(Dialogs)、狀態欄(Status)、通知(Notifications)。
4、兩種方式聲明布局
在 XML 中聲明界面元素:Android 提供對應 View 類及其子類的簡明 XML 詞匯,如用于微件和布局的詞匯。也可使用 Android Studio 的 Layout Editor,并采用拖放界面來構建 XML 布局。
在運行時實例化布局元素:應用可通過編程創建 View 對象和 ViewGroup 對象(并操縱其屬性)。
二、線性布局概述
線性布局(LinearLayout)是一種比較常用且簡單的布局方式。在這種布局中,所有的子元素都是按照垂直或水平的順序排列在界面上。如果是垂直排列,每個子元素占一行,如果是水平排列,則每個子元素占一列。線性布局可以支持布局樣式嵌套實現復雜的布局樣式。
常用屬性
layout_width:布局寬度(match_parent,wrap_conent)
layout_height:布局高度(match_parent,wrap_conent)
orietation:方向(vertical,horizontal)
gravity:對齊方式(left, right, center, top, bottom…)
background:背景(顏色、圖片、選擇器)
weight:比重(用于瓜分手機屏幕)
padding:內邊距 (paddingLeft, paddingRight, paddingTop, paddingBottom)
margin:外邊距 (marginLeft, marginRight, marginTop, marginBottom)
案例演示 —— 線性布局屬性
1、創建安卓應用【LinearLayoutDemo】
將約束布局改成線性布局
添加兩個按鈕
啟動應用,查看效果
設置線性布局的方向 - orientation
啟動應用,查看效果
背景屬性(背景色、背景圖片、背景配置文件)
設置背景色
啟動應用,查看效果
啟動應用,查看效果
總結
- 上一篇: Activiti概述
- 下一篇: 布局练习——选择水果