Android常見界面布局

博學(xué)谷——讓IT教學(xué)更簡單，讓IT學(xué)習(xí)更有效北京市昌平區(qū)建材城西路金燕龍辦公樓一層電話：400-618-4000傳智播客《Android移動應(yīng)用基礎(chǔ)教程（AndroidStudio）（第2版）》教學(xué)設(shè)計課程名稱：《Android移動應(yīng)用基礎(chǔ)教程（第2版)》授課年級：20xx年級授課學(xué)期：20xx學(xué)年第一學(xué)期教師姓名：某某老師20xx年xx月xx日課題名稱第2章Android常見界面布局計劃學(xué)時4學(xué)時內(nèi)容分析Android程序開發(fā)最重要的一個環(huán)節(jié)就是界面處理，界面的美觀度直接影響用戶的第一印象，因此，開發(fā)一個整齊、美觀的界面是至關(guān)重要的。為了讓界面上的控件排列的更美觀與整齊，Android系統(tǒng)提供了相應(yīng)的布局進(jìn)行管理，本章將針對Android界面中常見的布局進(jìn)行詳細(xì)講解。教學(xué)目標(biāo)要求學(xué)生掌握如何在XML文件中和Java代碼中編寫布局要求學(xué)生掌握布局的通用屬性與常見布局，會搭建常見布局。教學(xué)重點1、在XML文件中與Java代碼中編寫布局2、布局的通用屬性3、常見的界面布局教學(xué)難點常見的界面布局教學(xué)方式教師采用課堂講授為主，使用教學(xué)PPT輔助授課。教學(xué)過程第一學(xué)時（View視圖、在XML文件中與Java代碼中編寫布局）一、情景導(dǎo)入1、教師通過舉例的方式，引出界面布局通常情況下，Android程序的界面做的非常美觀，而且特別吸引人，讓大家對其很有興趣，例如QQ界面、微信界面、網(wǎng)易新聞等，這些界面上控件的擺放都是通過布局來實現(xiàn)的。Android程序開發(fā)最重要的一個環(huán)節(jié)就是界面處理，界面的美觀度直接影響用戶的第一印象，因此，開發(fā)一個整齊、美觀的界面是至關(guān)重要的，本章將針對Android中的常見布局進(jìn)行詳細(xì)地講解。2、教師根據(jù)課件，講述View視圖以及在XML文件中和Java代碼中編寫布局我們首先要了解View視圖，接著熟悉如何在XML文件中與Java代碼中編寫界面布局。3、明確學(xué)習(xí)目標(biāo)要求學(xué)生了解View視圖要求學(xué)生掌握在XML文件中與Java代碼中編寫界面布局二、重點知識講解1、教師根據(jù)課件，講述View視圖Android程序中所有的UI元素都是通過View與ViewGroup構(gòu)建的，對于一個Android應(yīng)用的用戶界面來說，ViewGroup作為容器盛裝界面中的控件，它可以包含普通的View組件，也可以包含ViewGroup。2、教師根據(jù)課件，講述在XML文件中編寫布局通常情況下，布局代碼是在XML文件中編寫的，這樣可以將界面中的布局代碼與Java代碼隔離，使程序結(jié)構(gòu)更加清晰，根據(jù)XML文件中的代碼控制界面布局。老師通過教材以及PPT給出的代碼，對在XML文件中的代碼進(jìn)行詳細(xì)講解。3、教師根據(jù)課件，講述在Java代碼中編寫布局Android程序的布局不僅可以在XML布局文件中編寫，還可以在Java代碼中編寫。在Android中所有布局和控件的對象都可以通過new關(guān)鍵字創(chuàng)建出來，將創(chuàng)建的View控件添加到ViewGroup布局中，從而實現(xiàn)View控件在布局界面中顯示。老師通過教材以及PPT給出的代碼，對在Java代碼中編寫的布局進(jìn)行詳細(xì)講解。三、歸納總結(jié)，布置課后作業(yè)1、回顧上課前的學(xué)習(xí)目標(biāo)，并對本節(jié)課的重要知識點進(jìn)行總結(jié)。教師提問學(xué)生本節(jié)課需要掌握的知識點，包括View視圖中的關(guān)系、在XML文件中編寫布局以及在Java代碼中編寫布局，并對學(xué)生的回答進(jìn)行補充和總結(jié)。2、布置隨堂練習(xí)，檢查學(xué)生掌握情況。根據(jù)博學(xué)谷和隨堂練習(xí)資源，給學(xué)生布置隨堂練習(xí)，檢測學(xué)生的掌握程度，并對學(xué)生出現(xiàn)的問題進(jìn)行解決。3、使用博學(xué)谷系統(tǒng)中的測試題給學(xué)生布置作業(yè)。第二學(xué)時（布局的通用屬性、相對布局、線性布局）一、回顧上節(jié)講解的知識，引出本節(jié)需要講解的知識1、教師對上節(jié)課留的作業(yè)進(jìn)行答疑。2、回顧上節(jié)課學(xué)習(xí)的內(nèi)容，引出本節(jié)課的內(nèi)容上節(jié)課講解了View視圖、在XML文件中與Java代碼中編寫布局等知識，知道如何編寫界面布局之后，接下來講解布局中有哪些屬性、相應(yīng)屬性有什么作用、以及相對布局和線性布局。3、明確學(xué)習(xí)目標(biāo)要求學(xué)生掌握布局的通用屬性要求學(xué)生掌握相對布局要求學(xué)生掌握線性布局二、重點知識講解1、教師根據(jù)提出的問題，引出布局的通用屬性教師引導(dǎo)，Android中定義了一些布局，這些布局是通過什么屬性來設(shè)置布局中控件的位置呢？接下來針對布局中的通用屬性進(jìn)行詳細(xì)講解。2、教師根據(jù)課件，講述相對布局相對布局是通過相對定位的方式指定控件位置，即以其它控件或父容器為參照物，擺放控件位置。在設(shè)計相對布局時要遵循控件之間的依賴關(guān)系，后放入控件的位置依賴于先放入的控件。老師通過教材以及PPT給出代碼，對相對布局的各個屬性進(jìn)行詳細(xì)的講解，向?qū)W生展示各個屬性對應(yīng)的效果。3、教師根據(jù)課件，講述線性布局線性布局在Android開發(fā)過程中會經(jīng)常使用，它使用<LinearLayout>標(biāo)簽表示。介紹線性布局主要有兩種形式，一種是水平線性布局，一種是垂直線性布局。老師通過教材以及PPT給出代碼，對線性布局進(jìn)行詳細(xì)的講解，其中l(wèi)ayout_weight屬性需要學(xué)生重點掌握。三、歸納總結(jié)，布置課后作業(yè)1、回顧上課前的學(xué)習(xí)目標(biāo)，并對本節(jié)課的重要知識點進(jìn)行總結(jié)。教師提問學(xué)生本節(jié)課需要掌握的知識點，包括布局的通用屬性、相對布局以及線性布局，并對學(xué)生的回答進(jìn)行補充和總結(jié)。2、布置隨堂練習(xí)，檢查學(xué)生掌握情況。根據(jù)博學(xué)谷和隨堂練習(xí)資源，給學(xué)生布置隨堂練習(xí)，檢測學(xué)生的掌握程度，并對學(xué)生出現(xiàn)的問題進(jìn)行解決。3、使用博學(xué)谷系統(tǒng)中的測試題給學(xué)生布置作業(yè)。第三學(xué)時（表格布局、幀布局、約束布局）一、知識回顧1、對上節(jié)課留的作業(yè)進(jìn)行答疑。2、回顧總結(jié)上節(jié)課的內(nèi)容，引出本節(jié)課主題上節(jié)課講解了布局的通用屬性、相對布局、線性布局等知識。接下來本節(jié)將針對幀布局、表格布局、約束布局進(jìn)行講解。二、重點知識講解1、教師根據(jù)課件，講述表格布局教師引導(dǎo)，表格布局是讓控件以表格的形式來排列組件的，只要將組件或信息放在單元格中，組件就可以整齊的排列，這是表格布局的特點。在TableLayout中，行數(shù)由TableRow對象控制，即布局中有多少TableRow對象，就有多少行。每個TableRow中可以放置多個組件。通過教材以及PPT給出表格布局的代碼，然后針對代碼進(jìn)行詳細(xì)的分析，并講解其中的重要知識。2、教師根據(jù)課件，講述幀布局幀布局為每個加入其中的控件創(chuàng)建一個空白區(qū)域（稱為一幀，每個控件占據(jù)一幀）。采用幀布局方式設(shè)計界面時，所有控件都默認(rèn)顯示在屏幕左上角，并按照先后放入的順序重疊擺放，先放入的控件顯示在最底層，后放入的控件顯示在最頂層。幀布局的大小由內(nèi)部最大控件的決定。通過教材以及PPT給出幀布局的代碼，然后針對代碼進(jìn)行詳細(xì)的分析，并講解其中的重要知識。3、教師根據(jù)課件，講述約束布局ConstraintLayout是AndroidStudio2.2新添加的布局。與前面介紹的界面布局相比，ConstraintLayout并不太適合使用XML代碼的方式編寫布局，但是它非常適合使用可視化的方式編寫界面布局?？梢暬僮鞯谋澈笕匀皇鞘褂肵ML代碼實現(xiàn)的，只不過這些代碼是AndroidStudio根據(jù)我們的操作自動生成的。相對定位是在ConstraintLayout中創(chuàng)建布局的基本構(gòu)建方法之一。相對定位即一個控件相對于另一個控件進(jìn)行定位，ConstraintLayout布局中的控件可以在橫向和縱向上以添加約束關(guān)系的方式進(jìn)行相對定位，其中，橫向邊包括Left、Start、Right、End，縱向邊包括Top、Bottom、Baseline（文本底部的基準(zhǔn)線）。通過教材以及PPT給出約束布局的代碼，然后針對代碼進(jìn)行詳細(xì)的分析，并講解其中的重要知識。三、歸納總結(jié)，布置課后作業(yè)1、回顧上課前的學(xué)習(xí)目標(biāo)，并對本節(jié)課的重要知識點進(jìn)行總結(jié)。教師提問學(xué)生本節(jié)課需要掌握的知識點，包括表格布局、幀布局、約束布局，并對學(xué)生的回答進(jìn)行補充和總結(jié)。2、布置隨堂練習(xí)，檢查學(xué)生掌握情況。根據(jù)博學(xué)谷和隨堂練習(xí)資源，給學(xué)生布置隨堂練習(xí)，檢測學(xué)生的掌握程度，并對學(xué)生出現(xiàn)的問題進(jìn)行解決。3、使用博學(xué)谷系統(tǒng)中的測試題給學(xué)生布置作業(yè)。第四學(xué)時（上機練習(xí)）上機練習(xí)主要針對本章中需要重點掌握的知識點，以及在程序中容易出錯的內(nèi)容進(jìn)行練習(xí)，通過上機練習(xí)