項目2個性名片——界面布局2.1布局管理概述課程教案課程名稱Android應用開發(fā)項目名稱個性名片任務名稱布局管理概述課時1授課地點科大訊飛人工智能實訓室教學形式項目化教學、理實一體、線上線下混合式授課班級20應用電子技術2(對)學習情境QQ界面、微信界面、網易新聞的Android程序界面很美觀，如何做整齊、美觀的界面，加強用戶的第一印象。教學內容分析視圖（View）或視圖組（ViewGroup）的概念，布局的編寫方式，布局的類型和特點。教學目標知識目標1、了解View視圖和ViewGroup視圖組的關系；2、掌握在XML文件中與Java代碼中編寫界面布局；3、不同布局方式的特點。技能目標1、學生根據(jù)提供的代碼，可以在XML文件中的進行代碼運行；2、觀察身邊簡單界面案例，判斷布局類型。素質目標根據(jù)簡單UI了解View視圖和ViewGroup視圖組，站在用戶角度對UI設計有全局管理觀。教學重點1、UI的概念。UI（UserInterface）是人與手機之間數(shù)據(jù)傳遞、交互信息的重要媒介和對話接口，是Android系統(tǒng)的重要組成部分；2、UI中View視圖和ViewGroup視圖組概念和的相互關系；3、布局的概念。教學難點1、XML文件中編寫布局；2、在Java代碼中編寫布局。學情分析學生已經掌握開發(fā)環(huán)境的搭建，掌握Android程序的開發(fā)，并可以動手開發(fā)簡單程序。學生對Android編程有濃厚的興趣。讓學生在網絡上看不同的UI，說出內含布局的元素。教學設計課前布置任務：1、發(fā)現(xiàn)身邊的UI，理解什么是UI？什么是布局？2、通過大學MOOC教學平臺，自學相關的視頻；課中學生分別例舉UI，通過講解理解View視圖和ViewGroup視圖組；課后強化布局的分類，再次尋找和關注身邊的UI，發(fā)現(xiàn)他們的不同，最后理解布局對完美UI設計的重要性。思政設計善于發(fā)現(xiàn)和類比；布局需要細節(jié)上的“小心思”，視覺上的“大追求”。教學方法問題導入法：通過布置任務，讓學生首先去發(fā)現(xiàn)身邊關于UI的案例；通過引導讓學生對某個具體的UI進行布局的討論。考核評價自評、互評、教師評，項目評價表、項目考核表、線上考核成績等。教學資源項目任務單、操作視頻、PPT課件、知識點微課、拓展任務單等。教學流程教學步驟教學活動教學資源思政元素課前自主學習教師發(fā)布學習視頻任務微視頻、PPT、動畫自主學習布置任務：分小組以學習強國APP為例或喜歡的游戲發(fā)現(xiàn)身邊UI網絡學習強國APP善于發(fā)現(xiàn)細節(jié)對不同UI進行控鍵布置的比較網絡學會類比任務描述尋找簡單UI，發(fā)現(xiàn)UI的不同QQ群、微信等任務實施學生小組討論溝通能力成果交流小組代表發(fā)言，相互補充PPT或文檔表達能力、團隊精神考核評價學生互評評價表責任意識課后拓展提高1、通過課學堂知識講解，把預習時的UI進行更發(fā)的認識，深層次理解UI和布局；2、清晰View視圖和ViewGroup視圖組的關系；3、提高在XML文件中編寫布局以及在Java代碼中編寫布局流程。網絡、大學MOOC自我糾錯，逐步提高和穩(wěn)固教學流程一、提出任務（課前）每個同學都有手機，都會用QQ、微信、學校APP的健康打卡、學習強國APP等發(fā)現(xiàn)Android程序的界面各有不同，去發(fā)現(xiàn)這些界面上有些什么控鍵，如何布局來實現(xiàn)的。即說明一個豐富的界面總是要由很多控件組成的，如何才能讓各個控件都有條不紊地擺放在界面上呢？分析任務（課中）1、以學生推薦的UI為例，讓學生講解UI的組成；認識控鍵View視圖和控鍵組ViewGroup；3、提出布局概念4、在Android中的編寫布局的方式（1）在XML文件中定義布局有效地將界面中布局的代碼和Java代碼隔離。（2）Java代碼編寫布局更加靈活比如自定義控件或一些特殊要求時，使用Java代碼布局。5、為了適應不同的界面風格，目前常用的布局如PPT中所示有線性布局、表格布局、幀布局、約束布局；二、探索研究（課中）根據(jù)不同類型的布局特點，UI布局的不同類型2、XML文件中編寫布局；在Java代碼中編寫布局三、評價檢查（自評、互評、教師點評相結合）教師：激發(fā)--答疑（個別）、演示UI（重點內容、技巧等）--再激發(fā)--答疑。自評、互評、教師點評。自評內容：任務完成情況、指出小組例舉UI的布局特點?；ピu內容：認同其他小組總結合理地方，提出認為不合理的地方。教師點評：總體評價總結提高通過對Android程序APP案例的觀察，提出相關控件進行界面設計優(yōu)化的建議。五、布置任務（學生接受任務）通過線上資源，給學生布置隨堂練習，檢測學生的掌握程度，并對學生出現(xiàn)的問題進行解決。細致觀察、學會思考、學會正類比2.2線性布局LinearLayout和表格TableLayout布局課程教案課程名稱Android應用開發(fā)項目名稱個性名片任務名稱線性布局LinearLayout和表格TableLayout布局課時2授課地點科大訊飛人工智能實訓室教學形式項目化教學、理實一體、線上線下混合式授課班級20應用電子技術2(對)學習情境以程序員身份，用分別用線性布局和表格布局實現(xiàn)不同的UI。教學內容分析線性布局的編寫方式和屬性教學目標知識目標1、要求學生掌握布局的通用屬性；2、掌握線性布局編寫和線性布局的特點；3、掌握表格布局編寫和線性布局的特點。技能目標1、學生根據(jù)提供的代碼，可以在XML文件中的進行代碼運行，實現(xiàn)線性布局；2、學生根據(jù)提供的代碼，可以在XML文件中的進行代碼運行，實現(xiàn)表格布局。素質目標團隊協(xié)作、分組討論、分析問題能力。教學重點1、線性布局LinearLayout主要有兩種形式，一種是水平線性布局，一種是垂直線性布局；2、表格布局（TableLayout）是以表格形式排列控件的,通過行和列將界面劃分為多個單元格，每個單元格都可以添加控件。教學難點1、修改線性布局屬性，改變線性布局的UI；2、修改表格布局屬性，改變表格布局的UI。學情分析了解布局的概念，了解View視圖、在XML文件中與Java代碼中編寫布局等知識，知道如何編寫界面布局。學生非常期待掌握簡單布局（線性布局和操作和了解各布局的屬性。教學設計課前布置任務：1、發(fā)現(xiàn)身邊的UI，理解什么是UI？什么是布局？2、通過大學MOOC教學平臺，自學相關的視頻；課中學生分別例舉UI，通過講解理解View視圖和ViewGroup視圖組；課后強化布局的分類，再次尋找和關注身邊的UI，發(fā)現(xiàn)他們的不同，最后理解布局對完美UI設計的重要性。思政設計善于發(fā)現(xiàn)和類比；布局需要細節(jié)上的“小心思”，視覺上的“大追求”。通過程序設計，給學生強調規(guī)范操作，精益求精。教學方法問題導入法：通過布置任務，讓學生首先自學找；課堂操作演示法：通過課中的實際操作強調參數(shù)屬性的配置；學生實操演練，達到操作訓練目的。考核評價自評、互評、教師評，項目評價表、項目考核表、線上考核成績等。教學資源項目任務單、操作視頻、PPT課件、知識點微課、拓展任務單等。教學流程教學步驟教學活動教學資源思政元素課前自主學習教師發(fā)布學習視頻任務微視頻、PPT、動畫自主學習布置任務：觀看大學MOOC相關視頻和PPT：中國大學MOOC平臺自主學習能力中國大學MOOC平臺自主學習能力任務描述1、完成縱向一列和水平一行的布局管理；2、當需要有多行控鍵橫向或縱向布局時（比如簡單計算器界面）如何實現(xiàn)？完成一份下圖表格布局管理。QQ群、微信等發(fā)揮學生的創(chuàng)造性任務實施學生小組討論操作規(guī)范成果交流1、演示線性布局LinearLayout的屬性特點和使用注意項；2、演示表格布局TableLayout的屬性特點和注意事項；實操結果、多媒體演示表達能力、團隊精神考核評價學生互評評價表操作規(guī)范、責任意識課后拓展提高1、遇到程序出錯，學會查找錯誤；2、修改線性布局LinearLayout的屬性參數(shù)值，改變UI；3、修改表格布局TableLayout的屬性參數(shù)值，改變UI；軟件操作平臺、大學MOOC自我糾錯，逐步提高和穩(wěn)固教學流程一、提出任務（課前）運用課前自學知識，列出由三個控鍵組成一行或一列的線性布局LinearLayout；當需要有多行控鍵橫向或縱向布局時如何實現(xiàn)？即表格布局TableLayout的實現(xiàn)。二、分析任務（課中）1、線性布局（LinearLayout）主要以水平或垂直方式來顯示界面中的控件。當控件水平排列時，顯示順序依次為從左到右，當控件垂直排列時，顯示順序依次為從上到下。線性布局中，每行或每列中只允許有一個子視圖或控件。2、表格布局（TableLayout）是以表格形式排列控件的，通過行和列將界面劃分為多個單元格，每個單元格都可以添加控件。三、探索研究（課中）1、LinearLayout的最主要的屬性有：（1）android:gravity：設置內部控件的顯示位置。（2）android:orientation：設置內部控件的排列方向，常量horizontal（默認值）表示水平排列，vertical表示垂直排列。（3）android:layout_weight：設置內部控件在LinearLayout中所占的權重2、表格布局需要和TableRow配合使用，每一行都由TableRow對象組成，因此TableRow的數(shù)量決定表格的行數(shù)。而表格的列數(shù)是由包含最多控件的TableRow決定的，例如第1個TableRow有兩個控件，第2個TableRow有三個控件，則表格列數(shù)為3四、評價檢查（自評、互評、教師點評相結合）教師：激發(fā)--答疑（個別）、演示線性布局、表格布局（重點內容、技巧等）--再激發(fā)--答疑。自評、互評、教師點評。自評內容：任務完成情況、指出小組例舉UI的布局特點?；ピu內容：認同其他小組總結合理地方，提出認為不合理的地方。教師點評：總體評價。五、總結提高1、通過對Android程序線性布局的練習，提出線性布局設計優(yōu)化的建議。2、通過對Android程序表格布局的練習，提出表格布局設計優(yōu)化的建議。六、布置任務（學生接受任務）通過線上資源，給學生布置隨堂練習，檢測學生的掌握程度，并對學生出現(xiàn)的問題進行解決。細致觀察、學會思考、學會類比；通過改變提高創(chuàng)造新能力。2.3約束布局ConstraintLayout課程教案課程名稱Android應用開發(fā)項目名稱個性名片任務名稱約束布局ConstraintLayout課時2課時授課地點科大訊飛人工智能實訓室教學形式項目化教學、理實一體、線上線下混合式授課班級20應用電子技術2(對)學習情境線性布局、表格布局和幀布局都是通過XML文件編寫而得，是否可以用拖動控鍵的方式來進行布局，這樣即方便又靈活，以程序員的身份來思考這個問題。教學內容分析線性布局的編寫方式和屬性教學目標知識目標1、掌握相對定位是在ConstraintLayout中創(chuàng)建布局的基本構建方法；2、掌握約束布局ConstraintLayout的特點；3、理解約束布局ConstraintLayout屬性參數(shù)。技能目標使用可視化的方式編寫界面布局素質目標團隊協(xié)作、分組討論、分析問題、學會類比提高創(chuàng)新能力。教學重點約束布局ConstraintLayout可以在不嵌套ViewGroup的情況下實現(xiàn)非常龐大、復雜的布局，實現(xiàn)扁平化。教學難點Constraint布局下控件移動很靈活，但太靈活，適合需要精確控制定位控件，即對約束布局ConstraintLayout屬性參數(shù)準確把握。學情分析掌握了線性布局、表格布局、幀布局都是在XML文件中編寫，如果開發(fā)高級界面就比較復雜，提出能否不用代碼而用大家熟悉的拖拽的方式拖動控鍵進行布局，學生非常期待手機游戲中的約束布局是如何實現(xiàn)的?教學設計課前布置任務：1、手機游戲動畫的布局是否能用線性布局、表格布局、幀布局完成？2、通過大學MOOC教學平臺，自學相關的視頻；課中學生分別例舉有約束布局的設計操作；課后強化對約束布局進行UI，完成自已的新布局。思政設計善于發(fā)現(xiàn)和類比；通過學習可以改變和創(chuàng)新。通過程序設計，給學生強調規(guī)范操作，精益求精。教學方法問題導入法：通過布置任務，讓學生通過視頻先自學；課堂操作演示法：通過課中的實際操作強調相對位置和調參數(shù)屬性的配置；學生實操演練，達到操作訓練目的?？己嗽u價自評、互評、教師評，項目評價表、項目考核表、線上考核成績等。教學資源中國大學MOOC/course/JSSVC-1449806164項目任務書、操作視頻、PPT課件、知識點微課、拓展任務書等。教學流程教學步驟教學活動教學資源思政元素課前自主學習教師發(fā)布學習視頻任務中國大學MOOC自主學習能力布置任務：通過網絡查找Google在2016年的GoogleI/O大會上提出的一個可以靈活控制子控件的位置和大小的新布局，布局最大程度的扁平化。網絡了解信息技術的發(fā)展帶來的改變和創(chuàng)新任務描述對于開發(fā)高級界面，如何實現(xiàn)靈活控制子控件的位置和大小的新布局。中國大學MOOC平臺討論區(qū)、QQ群、微信等發(fā)揮學生的創(chuàng)造性任務實施學生小組討論、資料查找網絡操作規(guī)范成果交流演示約束布局ConstraintLayout的屬性特點和使用注意項；實操結果、多媒體演示表達能力、團隊精神考核評價學生自評、互評、教師評價評價表操作規(guī)范、責任意識課后拓展提高1、遇到程序出錯，學會查找錯誤；2、修改約束布局ConstraintLayout的屬性參數(shù)值，改變UI。軟件操作平臺、大學MOOC自我糾錯，逐步提高和穩(wěn)固教學流程一、提出任務（課前）ConstraintLayout是Google在2016年的GoogleI/O大會上提出的一個可以靈活控制子控件的位置和大小的新布局，達到動畫效果并且其號稱可以實現(xiàn)布局最大程度的扁平化。項目中的布局嵌套問題對項目性能有著不小的威脅。布局能實現(xiàn)扁平化的話會讓軟件性能得到很大的提升。二、分析任務（課中）1、ConstraintLayout是AndroidStudio2.2新添加的布局。與前面介紹的界面布局相比，ConstraintLayout并不太適合使用XML代碼的方式編寫布局，但是它非常適合使用可視化的方式編寫界面布局?？梢暬僮鞯谋澈笕匀皇鞘褂肵ML代碼實現(xiàn)的，只不過這些代碼是AndroidStudio根據(jù)我們的操作自動生成的。2、相對定位實操例舉如圖所示：。三、探索研究（課中）Constraint布局下控件移動很靈活，但太靈活，適合需要精確控制定位控件，即對約束布局ConstraintLayout屬性參數(shù)準確把握，輔助線與居中傾向實操非常重要。四、評價檢查（自評、互評、教師點評相結合）教師：激發(fā)--答疑（個別）、演示線性布局、表格布局（重點內容、技巧等）--再激發(fā)--答疑。自評、互評、教師點評。自評內容：任務完成情況、指出小組完成約束布局特點。互評內容：認同其他小組總結合理地方，提出認為不合理的地方。教師點評：總體評價總結提高通過對Android程序約束布局的練習，提出約束布局設計優(yōu)化的建議。六、布置任務（學生接受任務）通過線上資源，給學生布置隨堂練習，檢測學生的掌握程度，并對學生出現(xiàn)的問題進行解決。七、撰寫項目訓練報告撰寫項目二任務的關鍵知識點、操作流程、項目實施中出現(xiàn)的問題以及解決的方案，為后續(xù)項目學習提供借鑒。自我糾錯，分析問題，解決問題，同時訓練科學思維試，逐步提高和穩(wěn)固2.4幀布局Framelayout課程教案課程名稱Android應用開發(fā)項目名稱個性名片任務名稱幀布局Framelayout課時1授課地點科大訊飛人工智能實訓室教學形式項目化教學、理實一體、線上線下混合式授課班級20應用電子技術2(對)學習情境以程序員身份，找出層疊的方式顯示布局（如手機游戲中經常會發(fā)現(xiàn)一畫面會疊加在另一些畫面）。教學內容分析線性布局的編寫方式和屬性教學目標知識目標1、掌握幀布局Framelayout的特點；2、理解幀布局Framelayout屬性參數(shù)。技能目標學生根據(jù)提供的代碼，可以在XML文件中的進行代碼運行，實現(xiàn)幀布局。素質目標團隊協(xié)作、分組討論、分析問題能力。教學重點幀布局Framelayout是一種特殊的布局，它以層疊的方式顯示布局中的多個控件，最后添加的控件位于最前面。教學難點幀布局Framelayout屬性參數(shù)學情分析有了線性布局和表格布局和幀布局的操作經驗，并在XML文件中代碼中編寫布局等。提出是否可以像其他畫圖軟件一樣用拖動控鍵的方式來實現(xiàn)布局，所見即所得?教學設計課前布置任務：1、手機游戲中經常會發(fā)現(xiàn)一畫面會疊加在另一些畫面？2、通過大學MOOC教學平臺，自學相關的視頻；課中學生分別例舉有重疊布局的UI幀布局的設計操作；課后再次尋找?guī)季諹I，發(fā)現(xiàn)他們的不同，學生可以仿照學生感興趣的重疊控件進行參數(shù)修改，形成自已的新布局。思政設計善于發(fā)現(xiàn)和類比；通過學習可以改變和創(chuàng)新。教學方法問題導入法：通過布置任務，讓學生首先自學找；課堂操作演示法：通過課中的實際操作強調參數(shù)屬性的配置；學生實操演練，達到操作訓練目的?？己嗽u價自評、互評、教師評，項目評價表、項目考核表、線上考核成績等。教學資源項目任務單、操作視頻、PPT課件、知識點微課、拓展任務單等。教學流程教學步驟教學活動教學資源思政元素課前自主學習教師發(fā)布學習視頻任務微視頻、PPT、動畫自主學習布置任務：手機游戲中經常會發(fā)現(xiàn)一畫面會疊加在另一些畫面？大學MOOC平臺善于發(fā)現(xiàn)、比較學習如何畫面重疊的控鍵大學MOOC平臺自主學習能力任務描述1、完成幀布局管理；QQ群、微信等發(fā)揮學生的創(chuàng)造性任務實施學生小組討論操作規(guī)范成果交流演示幀布局Framelayout的屬性特點和使用注意項；實操結果、多媒體演示表達能力、團隊精神考核評價學生互評評價表操作規(guī)范、責任意識課后拓展提高1、遇到程序出錯，學會查找錯誤；2、修改幀布局Framelayout的屬性參數(shù)值，改變UI；軟件操作平臺、大學MOOC自我糾錯，分析問題，解決問題，同時訓練科學思維試，逐步提高和穩(wěn)固教學流程一、提出任務（課前）許多同學喜歡手機游戲，能不能找出游戲或其他應用中出現(xiàn)控鍵是重疊的現(xiàn)象？比如手機游戲中經常會發(fā)現(xiàn)一畫面會疊加在另一些畫面？是以層疊方式來顯示布局中的多個控件。二、分析任務（課中）幀布局是一種特殊的布局，它以層疊的方式顯示布局中的多個控件。幀布局為每個加入其中的控件創(chuàng)建一個空白區(qū)域（稱為一幀，每個控件占據(jù)一幀）。采用幀布局方式設計界面時，所有控件都默認顯示在屏幕左上角，并按照先后放入的順序重疊擺放，先放