博學(xué)谷——讓IT教學(xué)更簡單，讓IT學(xué)習(xí)更有效PAGE12PAGE7《Android移動開發(fā)基礎(chǔ)案例教程》（第3版）教學(xué)設(shè)計課程名稱：授課年級：授課學(xué)期：教師姓名：年月課題名稱第2章Android常見界面布局計劃課時6課時教學(xué)引入在Android應(yīng)用程序中，界面由布局和控件組成。布局類似于建筑里的框架，控件相當(dāng)于建筑里的磚瓦。根據(jù)控件在界面中的不同排列位置，Android定義了多種布局進(jìn)行管理。本章將針對Android界面中常見的布局進(jìn)行詳細(xì)講解。教學(xué)目標(biāo)使學(xué)生了解View控件與ViewGroup容器，能夠說出View控件與ViewGroup容器的作用和關(guān)聯(lián)使學(xué)生掌握界面布局，能夠在XML布局文件和Java代碼中編寫界面布局使學(xué)生掌握線性布局，能夠使用線性布局實現(xiàn)仿動物連連看游戲界面使學(xué)生掌握相對布局，能夠使用相對布局實現(xiàn)音樂播放器界面使學(xué)生掌握表格布局，能夠使用表格布局實現(xiàn)計算器界面使學(xué)生掌握幀布局，能夠使用幀布局實現(xiàn)霓虹燈界面教學(xué)重點在XML布局文件中編寫布局在Java代碼中編寫布局界面布局的通用屬性線性布局簡介相對布局簡介表格布局簡介幀布局簡介教學(xué)難點實戰(zhàn)演練——仿動物連連看游戲界面實戰(zhàn)演練——音樂播放器界面實戰(zhàn)演練——計算器界面實戰(zhàn)演練——霓虹燈界面教學(xué)方式課堂教學(xué)以PPT講授為主，并結(jié)合多媒體進(jìn)行教學(xué)教學(xué)過程第一課時（View控件、在XML布局文件中編寫布局、在Java代碼中編寫布局）一、復(fù)習(xí)鞏固教師通過上節(jié)課作業(yè)的完成情況，對學(xué)生吸收不好的知識點進(jìn)行再次鞏固講解。二、通過需求引入的方式導(dǎo)入新通過引導(dǎo)學(xué)生觀察上課的教室：前方的大屏幕、墻上的時鐘、門邊的課程海報，還有大家的筆記本和筆——它們各居其位，共同構(gòu)成了這個學(xué)習(xí)空間。進(jìn)而引出就像這些實物一樣，Android界面中所有可見的元素，不論是文字、圖片還是按鈕，都稱為View控件。那么，如何像布置教室一樣，系統(tǒng)地排列這些控件，構(gòu)建出清晰美觀的應(yīng)用界面呢？本節(jié)課就來學(xué)習(xí)View控件的基本概念，以及兩種布局方式：在XML文件中編寫布局和在Java代碼中編寫布局。三、新課講解知識點1-View控件教師通過PPT講解View控件。講解Android中所有的UI元素的組成部分。View：可見控件，如TextView、Button）。ViewGroup：容器，如LinearLayout、RelativeLayout。講解ViewGroup容器和View控件的包含關(guān)系。ViewGroup可包含View或子ViewGroup。每個界面必須有且只有一個ViewGroup容器。知識點2-在XML布局文件中編寫布局教師通過PPT結(jié)合實操的方式講解如何在XML布局文件中編寫布局。講解語法規(guī)則根布局標(biāo)簽：必須指定xmlns:android命名空間（固定語法：xmlns:android="/apk/res/android"）。核心屬性：每個布局/控件必須設(shè)置android:layout_width（寬）和android:layout_height（高）：取值match_parent（占滿父容器）或wrap_content（包裹自身內(nèi)容）、固定值（如200dp）。演示在XML布局文件中編寫布局代碼學(xué)生練習(xí)，教師指導(dǎo)知識點3-在Java代碼中編寫布局教師通過PPT講解結(jié)合實操的方式講解如何在Java代碼中編寫布局。演示在Java代碼中編寫布局。學(xué)生練習(xí)，教師指導(dǎo)。四、歸納總結(jié)教師回顧本節(jié)課所講的內(nèi)容，并通過測試題的方式引導(dǎo)學(xué)生解答問題并給予指導(dǎo)。五、布置作業(yè)教師通過高校教輔平臺（）布置本節(jié)課作業(yè)以及下節(jié)課的預(yù)習(xí)作業(yè)第二課時（界面布局的通用屬性、線性布局簡介、實戰(zhàn)演練——仿動物連連看游戲界面）一、復(fù)習(xí)鞏固教師通過上節(jié)課作業(yè)的完成情況，對學(xué)生吸收不好的知識點進(jìn)行再次鞏固講解。二、通過需求引入的方式導(dǎo)入新在Android開發(fā)中，雖然每種布局都有自己特有的屬性，但也存在一些所有布局類型都可以使用的通用屬性。掌握這些通用屬性，能夠幫助我們更靈活、高效地控制各類布局的樣式與外觀。本節(jié)課我們將系統(tǒng)學(xué)習(xí)布局的通用屬性，認(rèn)識常用的線性布局，并通過實戰(zhàn)——仿動物連連看游戲界面，來綜合運用本課所學(xué)知識。三、新課講解知識點1-界面布局的通用屬性教師通過PPT講解界面布局的通用屬性。列舉Android中4種常用布局線性布局。相對布局。表格布局。幀布局。列舉布局的通用屬性android:id：設(shè)置當(dāng)前布局的唯一標(biāo)識。android:layout_width：設(shè)置當(dāng)前布局的寬度。android:layout_height：設(shè)置當(dāng)前布局的高度android:background：設(shè)置當(dāng)前布局的背景。android:layout_margin：設(shè)置當(dāng)前布局與屏幕邊界、周圍布局或控件的距離。android:padding：設(shè)置當(dāng)前布局與該布局中控件的距離。知識點2-線性布局簡介教師通過PPT結(jié)合實操的方式講解線性布局。講解在XML布局文件中定義線性布局的基本語法格式。列舉線性布局中兩個比較常用的屬性。android:orientation：設(shè)置布局內(nèi)控件的排列順序（vertical垂直/horizontal水平）。android:layout_weight：在布局內(nèi)設(shè)置控件權(quán)重，屬性值可直接使用int值。注意：水平排列時，控件layout_width設(shè)為0dp，否則權(quán)重失效；垂直排列時，layout_height設(shè)為0dp。演示線性布局界面的實現(xiàn)過程。學(xué)生練習(xí)，教師指導(dǎo)。知識點3-實戰(zhàn)演練——仿動物連連看游戲界面教師通過PPT結(jié)合實操的方式講解如何通過線性布局實現(xiàn)仿動物連連看游戲界面效果。演示仿動物連連看游戲界面的實現(xiàn)過程。學(xué)生練習(xí)，教師指導(dǎo)。四、歸納總結(jié)教師回顧本節(jié)課所講的內(nèi)容，并通過測試題的方式引導(dǎo)學(xué)生解答問題并給予指導(dǎo)。五、布置作業(yè)教師通過高校教輔平臺（）布置本節(jié)課作業(yè)以及下節(jié)課的預(yù)習(xí)作業(yè)。第三、四課時（相對布局簡介、實戰(zhàn)演練——音樂播放器界面、表格布局簡介、實戰(zhàn)演練——計算器界面、幀布局簡介、實戰(zhàn)演練——霓虹燈界面）一、復(fù)習(xí)鞏固教師通過上節(jié)課作業(yè)的完成情況，對學(xué)生吸收不好的知識點進(jìn)行再次鞏固講解。二、通過直接引入的方式導(dǎo)入新除了之前學(xué)習(xí)的線性布局，Android還提供了相對布局、表格布局及幀布局等多種常用界面布局方式，它們能夠?qū)崿F(xiàn)各具特色的界面效果。本節(jié)課我們將系統(tǒng)學(xué)習(xí)這三種布局：首先介紹相對布局并實戰(zhàn)完成音樂播放器界面，然后講解表格布局并實戰(zhàn)實現(xiàn)計算器界面，最后了解幀布局并實戰(zhàn)打造霓虹燈界面效果。三、新課講解知識點1-相對布局簡介教師通過PPT結(jié)合實操的方式講解相對布局。講解在XML布局文件中定義相對布局的基本語法格式。列舉相對布局中子控件的屬性。演示相對布局界面的實現(xiàn)過程。學(xué)生練習(xí)，教師指導(dǎo)。知識點2-實戰(zhàn)演練——音樂播放器界面教師通過PPT結(jié)合實操的方式講解如何通過相對布局實現(xiàn)音樂播放器界面效果。演示音樂播放器界面的實現(xiàn)過程。學(xué)生練習(xí)，教師指導(dǎo)。知識點3-表格布局簡介教師通過PPT結(jié)合實操的方式講解表格布局。講解在XML布局文件中定義表格布局的基本語法格式。列舉表格布局的常用屬性。演示表格布局界面的實現(xiàn)過程。學(xué)生練習(xí)，教師指導(dǎo)。知識點4-實戰(zhàn)演練——計算器界面教師通過PPT結(jié)合實操的方式講解如何通過表格布局實現(xiàn)計算器界面效果。演示計算器界面的實現(xiàn)過程。學(xué)生練習(xí)，教師指導(dǎo)。知識點5-幀布局簡介通過PPT結(jié)合實操的方式講解幀布局。講解在XML布局文件中定義幀布局的基本語法格式。列舉幀布局的2個特殊屬性。演示幀布局界面的實現(xiàn)過程。學(xué)生練習(xí)，教師指導(dǎo)。知識點6-實戰(zhàn)演練——霓虹燈界面教師通過PPT結(jié)合實操的方式講解如何通過幀布局實現(xiàn)霓虹燈界面效果。演示霓虹燈界面的實現(xiàn)過程。學(xué)生練習(xí)，教師指導(dǎo)。四、歸納總結(jié)教師回顧本節(jié)課所講的內(nèi)容，并通過測試題的方式引導(dǎo)學(xué)生解答問題并給予指導(dǎo)。五、布置作業(yè)教師通過高校教輔平臺（）布置本節(jié)課作業(yè)以及下節(jié)課的預(yù)習(xí)作業(yè)。第五課時（上機練習(xí)）上機練習(xí)主要針對本章中需要重點掌握的知識點進(jìn)行練習(xí)，通過上機練習(xí)可以考察學(xué)生對知識點的掌握情況，對操作的熟練程度。上機：（考察知識點：實戰(zhàn)演練——仿動物連連看游戲界面、實戰(zhàn)演練——音樂播放器界面）形式：單獨完成題目一：通過線性布局實現(xiàn)仿動物連連看游戲界面效果，如下圖所示。題目二：通過相對布局實現(xiàn)音樂播放器界面效果，如下圖所示。第六課時（上機練習(xí)）上機練習(xí)主要針