《智能家居系統(tǒng)集成與應(yīng)用（雙色）》（郭海礁） 教案 第13課 燈控系統(tǒng)程序設(shè)計(jì)與實(shí)現(xiàn)

PAGE2PAGE2PAGE7PAGE7PAGE7PAGE7

課題第13課燈控系統(tǒng)程序設(shè)計(jì)與實(shí)現(xiàn)課時(shí)2課時(shí)（90min）教學(xué)目標(biāo)知識(shí)目標(biāo)：掌握下拉列表Spinner的使用方法，事件監(jiān)聽(tīng)器的實(shí)現(xiàn)技能目標(biāo)：掌握燈控系統(tǒng)Android程序設(shè)計(jì)與實(shí)現(xiàn)態(tài)度目標(biāo)：在學(xué)習(xí)上要有多種思路，具備發(fā)散思維，條條大路通羅馬教學(xué)重難點(diǎn)教學(xué)重點(diǎn)：Spinner定義數(shù)據(jù)源的三種方式教學(xué)難點(diǎn)：Android終端與物聯(lián)網(wǎng)的通信教學(xué)方法問(wèn)答法、討論法、講授法、練習(xí)法教學(xué)用具電腦、投影儀、多媒體課件、教材教學(xué)設(shè)計(jì)第1節(jié)課：傳授新知（28min）課堂討論（10min）第2節(jié)課：?jiǎn)栴}導(dǎo)入（3min）

傳授新知（27min）

課堂實(shí)訓(xùn)（10min）

課堂小結(jié)（3min）

作業(yè)布置（2min）教學(xué)過(guò)程主要教學(xué)內(nèi)容及步驟設(shè)計(jì)意圖第一節(jié)課課前任務(wù)【教師】現(xiàn)在我們已經(jīng)處于互聯(lián)網(wǎng)時(shí)代，移動(dòng)互聯(lián)網(wǎng)得到了飛速發(fā)展，請(qǐng)學(xué)生對(duì)比各類(lèi)應(yīng)用在PC端實(shí)現(xiàn)的，在手機(jī)移動(dòng)端是否也有對(duì)應(yīng)APP【學(xué)生】按照要求完成課前任務(wù)通過(guò)課前任務(wù)，讓學(xué)生了解手機(jī)APP給我們?nèi)粘Ｉ顜?lái)了很大的便利考勤（2min）【教師】使用文旌課堂APP進(jìn)行簽到【學(xué)生】班干部報(bào)請(qǐng)假人員及原因培養(yǎng)學(xué)生的組織紀(jì)律性，掌握學(xué)生的出勤情況問(wèn)題導(dǎo)入（5min）【教師】讓學(xué)生思考并回答以下問(wèn)題：電腦端操作有哪些便利性？手機(jī)端操作有哪些便利性？【學(xué)生】聆聽(tīng)、思考、回答【教師】總結(jié)學(xué)生的回答，導(dǎo)入本節(jié)課內(nèi)容：燈控系統(tǒng)Android程序設(shè)計(jì)與實(shí)現(xiàn)通過(guò)提問(wèn)，引入新課，激發(fā)學(xué)生對(duì)手機(jī)移動(dòng)端應(yīng)用開(kāi)發(fā)的興趣傳授新知（28min）【教師】講解新知，介紹燈控系統(tǒng)程序設(shè)計(jì)與實(shí)現(xiàn)一、Spinner概述1．定義Spinner是下拉列表框，單擊Spinner時(shí)會(huì)彈出一個(gè)下拉列表供用戶選擇，顯示時(shí)只能顯示列表中的當(dāng)前項(xiàng)，其繼承關(guān)系如圖6-1所示（詳見(jiàn)教材）。根據(jù)圖6-1的繼承關(guān)系可知，Spinner是ViewGroup的間接子類(lèi)，因此它也可以作為容器控件使用?！菊n堂問(wèn)答】【教師】隨機(jī)邀請(qǐng)學(xué)生回答以下問(wèn)題從自己手機(jī)APP中查找使用下拉列表的情形，總結(jié)哪些情況下會(huì)選擇使用下拉列表。【學(xué)生】聆聽(tīng)、思考、回答【教師】總結(jié)學(xué)生的回答具有多個(gè)、固定的數(shù)據(jù)或者選項(xiàng)，需要讓用戶選擇時(shí)，推薦使用下拉列表。2．使用位置（1）在XML布局文件中，使用<Spinner>標(biāo)簽定義下拉列表框控件。（2）在Java程序代碼中，使用Spinner類(lèi)創(chuàng)建下拉列表框控件。3．常用屬性與相關(guān)方法Spinner提供了大量常用的XML屬性與相關(guān)方法，如表6-1所示（詳見(jiàn)教材）?！径嗝襟w】展示“Spinner支持的XML屬性與相關(guān)方法”表格（詳見(jiàn)教材），并講解具體內(nèi)容4．重要方法setAdapter()：設(shè)置下拉列表框與數(shù)據(jù)源的關(guān)聯(lián)。getPrompt()：獲取提示文字。getSelectedItem()：獲取下拉列表項(xiàng)的值。setOnItemClickListener()：為下拉列表框中的每一個(gè)選項(xiàng)設(shè)置鼠標(biāo)單擊事件監(jiān)聽(tīng)器。setOnItemSelectedListener()：為下拉列表框中的每一個(gè)選項(xiàng)設(shè)置被選中事件監(jiān)聽(tīng)器。5．定義數(shù)據(jù)的3種方式數(shù)據(jù)源是下拉列表中需要提供的數(shù)據(jù)。Spinner定義數(shù)據(jù)源的方式有以下三種。方式一：直接通過(guò)資源文件來(lái)配置數(shù)據(jù)源，涉及的資源文件有arrays.xml和布局文件。步驟1定義數(shù)組資源。在values目錄下創(chuàng)建一個(gè)數(shù)組資源文件arrays.xml，在arrays.xml中，通過(guò)<string-array>標(biāo)記定義字符串?dāng)?shù)組資源，并添加數(shù)組元素的值。步驟2指定數(shù)據(jù)源。為布局文件中的Spinner控件添加android:entries屬性，設(shè)置數(shù)據(jù)源為定義的字符串?dāng)?shù)組。方式二：在Java程序中，通過(guò)ArrayAdapter讀取資源文件來(lái)配置數(shù)據(jù)源。步驟1定義數(shù)組資源。在數(shù)組資源文件arrays.xml中，通過(guò)<string-array>標(biāo)記定義字符串?dāng)?shù)組資源，并添加數(shù)組元素的值。步驟2定義數(shù)據(jù)源。在Java程序代碼中，通過(guò)ArrayAdapter類(lèi)的createFromResourcer（）方法創(chuàng)建一個(gè)ArrayAdapter（數(shù)組適配器，即數(shù)據(jù)源）對(duì)象，由它負(fù)責(zé)列表?xiàng)l目的顯示。（createFromResourcer（）中有3個(gè)參數(shù)分別是上下文、定義的數(shù)組資源、布局Spinner的風(fēng)格）。步驟3設(shè)置與數(shù)據(jù)源的關(guān)聯(lián)。在Java程序代碼中，將Spinner與數(shù)據(jù)源進(jìn)行關(guān)聯(lián)。方式三：在Java程序中，通過(guò)ArrayAdapter指定設(shè)置的具體數(shù)據(jù)來(lái)配置數(shù)據(jù)源。步驟1定義數(shù)組，保存數(shù)據(jù)源中的數(shù)據(jù)內(nèi)容。在Java程序中，定義數(shù)據(jù)源中要使用的數(shù)組，并添加數(shù)組元素的值。步驟2定義數(shù)據(jù)源。在Java程序代碼中，通過(guò)ArrayAdapter類(lèi)的構(gòu)造方法創(chuàng)建一個(gè)ArrayAdapter對(duì)象，由它負(fù)責(zé)列表?xiàng)l目的顯示。步驟3設(shè)置與數(shù)據(jù)源的關(guān)聯(lián)。在Java程序代碼中，將Spinner與數(shù)據(jù)源進(jìn)行關(guān)聯(lián)。【課堂問(wèn)答】【教師】隨機(jī)邀請(qǐng)學(xué)生回答以下問(wèn)題對(duì)比分析定義數(shù)據(jù)的3種方式有哪些相同點(diǎn)和不同點(diǎn)？【學(xué)生】聆聽(tīng)、思考、回答【教師】總結(jié)學(xué)生的回答二、使用類(lèi)自身實(shí)現(xiàn)事件監(jiān)聽(tīng)器1．使用類(lèi)自身實(shí)現(xiàn)事件監(jiān)聽(tīng)器的步驟步驟1定義成員變量。將要控制的組件定義為Activity的成員變量。步驟2獲取組件。在Activity的onCreate()方法中獲取需要的組件。步驟3讓本類(lèi)實(shí)現(xiàn)監(jiān)聽(tīng)器接口。在本類(lèi)的聲明部分添加要實(shí)現(xiàn)的監(jiān)聽(tīng)器接口，并且實(shí)現(xiàn)接口中沒(méi)有實(shí)現(xiàn)的事件處理器方法。步驟4為事件源注冊(cè)監(jiān)聽(tīng)器。在Activity的onCreate()方法中為事件源注冊(cè)監(jiān)聽(tīng)器，監(jiān)聽(tīng)器為本類(lèi)的當(dāng)前對(duì)象，即this。2．使用類(lèi)自身實(shí)現(xiàn)事件監(jiān)聽(tīng)器的優(yōu)勢(shì)Activity類(lèi)本身作為事件監(jiān)聽(tīng)器，就如同生活中，我們自己剛好能夠處理某一件事，不需要委托給他人處理，可以直接在Activity類(lèi)中定義事件處理方法，這種形式非常簡(jiǎn)捷。3．使用類(lèi)自身實(shí)現(xiàn)事件監(jiān)聽(tīng)器的缺點(diǎn)（1）可能造成程序結(jié)構(gòu)混亂，Activity的主要職責(zé)是完成界面初始化工作，若此時(shí)還要包含事件處理方法，可能引起混亂。（2）如果Activity界面類(lèi)需要實(shí)現(xiàn)監(jiān)聽(tīng)器接口，給人感覺(jué)比較怪異。4．常見(jiàn)事件監(jiān)聽(tīng)器接口及其處理方法常見(jiàn)事件監(jiān)聽(tīng)器接口及其處理方法如表6-2所示（詳見(jiàn)教材）。【多媒體】展示“常見(jiàn)事件監(jiān)聽(tīng)器接口及其處理方法”表格（詳見(jiàn)教材），并講解具體內(nèi)容5．View類(lèi)的常見(jiàn)事件監(jiān)聽(tīng)器注冊(cè)方法View類(lèi)的常見(jiàn)事件監(jiān)聽(tīng)器注冊(cè)方法如表6-3所示（詳見(jiàn)教材）?！径嗝襟w】展示“View類(lèi)的常見(jiàn)事件監(jiān)聽(tīng)器注冊(cè)方法”表格（詳見(jiàn)教材），并講解具體內(nèi)容【課堂問(wèn)答】【教師】隨機(jī)邀請(qǐng)學(xué)生回答以下問(wèn)題除了使用類(lèi)自身實(shí)現(xiàn)事件監(jiān)聽(tīng)器，還有哪些方式實(shí)現(xiàn)事件監(jiān)聽(tīng)器？【學(xué)生】聆聽(tīng)、思考、回答【教師】總結(jié)學(xué)生的回答1.外部類(lèi)作為事件監(jiān)聽(tīng)器2.匿名內(nèi)部類(lèi)作為事件監(jiān)聽(tīng)器3.內(nèi)部類(lèi)作為事件監(jiān)聽(tīng)器【學(xué)生】聆聽(tīng)、觀看、思考、理解、記錄通過(guò)教師講解、課堂問(wèn)答和多媒體演示等方式，讓學(xué)生掌握Spinner的定義、使用位置、屬性、方法、定義數(shù)據(jù)方式等內(nèi)容；學(xué)會(huì)如何使用類(lèi)自身實(shí)現(xiàn)事件監(jiān)聽(tīng)器，熟悉其優(yōu)缺點(diǎn)；了解View類(lèi)的常見(jiàn)事件監(jiān)聽(tīng)器注冊(cè)方法課堂討論（10min）【教師】對(duì)學(xué)生進(jìn)行分組，4～6人一組，每組選出一名組長(zhǎng)，然后組織學(xué)生以小組為單位討論以下問(wèn)題對(duì)比Spinner定義數(shù)據(jù)的3種方式，分析每種方式的優(yōu)點(diǎn)和缺點(diǎn)。【學(xué)生】聆聽(tīng)、思考、小組討論，由小組代表上臺(tái)發(fā)表討論結(jié)果【教師】總結(jié)學(xué)生的回答，并評(píng)價(jià)各組的表現(xiàn)通過(guò)課堂討論，使學(xué)生真正掌握Spinner定義數(shù)據(jù)的3種方式，并能根據(jù)實(shí)際使用情況，選擇合適的方式第二節(jié)課問(wèn)題導(dǎo)入（3min）【教師】讓學(xué)生思考并回答以下問(wèn)題如何設(shè)計(jì)一個(gè)漂亮并且方便用戶操作的APP界面？【學(xué)生】聆聽(tīng)、思考、回答通過(guò)問(wèn)題，讓學(xué)生明白一個(gè)好的APP不僅功能上要完善，還需要一個(gè)好的交互界面?zhèn)魇谛轮?7min）【教師】引入任務(wù)實(shí)施內(nèi)容，講解燈控系統(tǒng)程序的設(shè)計(jì)與實(shí)現(xiàn)創(chuàng)建Android工程創(chuàng)建Android工程的操作步驟如下：【多媒體】演示創(chuàng)建Android工程的操作步驟步驟1雙擊打開(kāi)Android開(kāi)發(fā)工具Eclipse，選擇“File”/“New”/“AndroidApplicationProject”選項(xiàng)，創(chuàng)建一個(gè)Android工程，如圖6-2所示（詳見(jiàn)教材）。步驟2打開(kāi)“AndroidApplicationProject”對(duì)話框，輸入應(yīng)用名稱(chēng)、項(xiàng)目名稱(chēng)和包名稱(chēng)，然后選擇最低支持版本、目標(biāo)版本、編譯版本和主題，最后單擊“Next”按鈕，如圖6-3所示（詳見(jiàn)教材）。步驟3在打開(kāi)的界面中進(jìn)行項(xiàng)目配置，本例保持默認(rèn)設(shè)置，直接單擊“Next”按鈕，如圖6-4所示（詳見(jiàn)教材）。步驟4在打開(kāi)的界面中配置項(xiàng)目圖標(biāo)，然后單擊“Next”按鈕，如圖6-5所示（詳見(jiàn)教材）。步驟5在打開(kāi)的界面中取消“CreateActivity”復(fù)選框，取消創(chuàng)建Activity，然后單擊“Finish”按鈕，如圖6-6所示（詳見(jiàn)教材）。步驟6項(xiàng)目創(chuàng)建完成，其結(jié)構(gòu)目錄如圖6-7所示（詳見(jiàn)教材）。步驟7從本書(shū)配套素材“項(xiàng)目六源代碼”/“任務(wù)1燈控系統(tǒng)程序設(shè)計(jì)與實(shí)現(xiàn)”/“l(fā)ibs”中復(fù)制HttpApi.jar到新創(chuàng)建項(xiàng)目的相同目錄下，如圖6-8所示（詳見(jiàn)教材）。步驟8右擊src目錄，在彈出的快捷菜單中選擇“New”/“Class”選項(xiàng)，新建一個(gè)類(lèi)，如圖6-9所示（詳見(jiàn)教材）。步驟9打開(kāi)“NewJavaClass”對(duì)話框，輸入Java類(lèi)文件包名稱(chēng)、類(lèi)名及繼承Activity父類(lèi)，然后單擊“Finish”按鈕，完成類(lèi)的創(chuàng)建，如圖6-10所示（詳見(jiàn)教材）。步驟10在AndroidManifest.xml清單文件中注冊(cè)Activity。把代碼（詳見(jiàn)教材）添加到AndroidManifest.xml文件的相應(yīng)位置。【課堂問(wèn)答】【教師】隨機(jī)邀請(qǐng)學(xué)生回答以下問(wèn)題androidmanifest.xml文件的作用是什么？【學(xué)生】聆聽(tīng)、思考、回答【教師】總結(jié)學(xué)生的回答1、它是每個(gè)android程序中必須的文件，位于整個(gè)項(xiàng)目的根目錄。2、配置程序運(yùn)行所必要的組件，權(quán)限，以及一些相關(guān)信息。3、它是整個(gè)應(yīng)用的入口，所以有助于更加深入的理解Android。步驟11添加網(wǎng)絡(luò)訪問(wèn)權(quán)限。把代碼（詳見(jiàn)教材）添加到AndroidManifest.xml清單文件的相應(yīng)位置。步驟12在“res”/“l(fā)ayout”目錄創(chuàng)建布局文件。右擊layout目錄，在彈出的快捷菜單中選擇“New”/“Other”選項(xiàng)，如圖6-11所示（詳見(jiàn)教材）。步驟14打開(kāi)“NewAndroidLayoutXMLFile”對(duì)話框，在“File”編輯框中輸入布局文件名稱(chēng)，單擊“Finish”按鈕完成布局文件的創(chuàng)建，如圖6-13所示（詳見(jiàn)教材）。步驟15在文件中加載布局。在重寫(xiě)的onCreate方法中的指定位置添加“setContentView（R.layout.activity_control）;”布局文件實(shí)現(xiàn)控制界面布局需要用戶在控制界面選擇組別，因此需要用到Spinner控件。最外層使用垂直的線性布局android:orientation="vertical"。垂直的線性布局中有兩組內(nèi)容：圖片和控制按鈕；組別說(shuō)明的TextView和組別選擇器的Spinner；均為水平擺放，因此它們均采用水平布局。在“res”/“l(fā)ayout”/“activity_control.xml”文件中添加如下代碼。【多媒體】演示布局文件實(shí)現(xiàn)步驟步驟1添加控制界面中選擇燈布局的代碼。<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_marginTop="2dip"

android:gravity="center"

android:orientation="horizontal">

……（詳見(jiàn)教材）步驟2添加開(kāi)關(guān)按鈕布局代碼。<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_marginTop="12dip"

android:gravity="center"

android:orientation="horizontal"

android:paddingLeft="25dip"

android:paddingRight="25dip">……（詳見(jiàn)教材）步驟3把以上代碼添加到布局文件后按“Ctrl+S”組合鍵保存，控制界面效果如圖6-14所示（詳見(jiàn)教材）。功能實(shí)現(xiàn)通過(guò)添加控制代碼實(shí)現(xiàn)設(shè)置Spinner適配和監(jiān)聽(tīng)事件，監(jiān)聽(tīng)選擇哪一組燈泡進(jìn)行操作。設(shè)置按鈕監(jiān)聽(tīng)事件，監(jiān)聽(tīng)用戶的單擊事件，設(shè)置請(qǐng)求參數(shù)，其中燈光控制實(shí)驗(yàn)用到的參數(shù)有四個(gè)。請(qǐng)參照平臺(tái)提供的接口文檔，將數(shù)據(jù)以POST請(qǐng)求方式提交平臺(tái)進(jìn)行驗(yàn)證，等待平臺(tái)驗(yàn)證結(jié)果進(jìn)行相應(yīng)的操作，http請(qǐng)求需要用到的請(qǐng)求接口和請(qǐng)求參數(shù)均由智能家居系統(tǒng)平臺(tái)提供，在“src”/“ControlActivity.java”文件中實(shí)現(xiàn)控制功能。【多媒體】演示創(chuàng)建功能實(shí)現(xiàn)的操作步驟初始化參數(shù)/**

*上下文對(duì)象

*/

privateContextcontext=null；

/**

*選擇控制燈泡

*/

……（詳見(jiàn)教材）2．Spinner實(shí)現(xiàn)實(shí)例化和監(jiān)聽(tīng)spinner=（Spinner）findViewById（R.id.spinner_light）；

//初始化組別選擇器

spinner.setAdapter（newArrayAdapter<String>（context，

android.R.layout.simple_list_item_1，lightGroup））；

spinner.setOnItemSelectedListener（newAdapterView.OnItemSelectedListener（）{

……（詳見(jiàn)教材）【課堂問(wèn)答】【教師】隨機(jī)邀請(qǐng)學(xué)生回答以下問(wèn)題Spinner的定義數(shù)據(jù)的方式屬于上節(jié)課中所講的哪種方式？【學(xué)生】聆聽(tīng)、思考、回答【教師】總結(jié)學(xué)生的回答方式三：在Java程序中，通過(guò)ArrayAdapter指定設(shè)置的具體數(shù)據(jù)來(lái)配置數(shù)據(jù)源。3．實(shí)例化按鈕對(duì)象并設(shè)置監(jiān)聽(tīng)//實(shí)例化開(kāi)燈關(guān)燈按鈕并設(shè)置監(jiān)聽(tīng)

findViewById（R.id.but_open）.setOnClickListener（this）；

findViewById（R.id.but_close）.setOnClickListener（this）；4．按鈕單擊事件監(jiān)聽(tīng)@Override

publicvoidonClick（Viewv）{

switch（v.getId（））{

caseR.id.but_open:

control（1）；

img_none.setVisibility（View.VISIBLE）；

……（詳見(jiàn)教材）5.發(fā)起http請(qǐng)求publicvoidcontrol（intonOrOff）{

//開(kāi)啟異步線程請(qǐng)求數(shù)據(jù)

AsyncHttpClientclient=newAsyncHttpClient（）；

client.setTimeout（8000）；

RequestParamsparams=newRequestParams（）；

params.put（"equno"，"32258778P6B508"）；//參數(shù)設(shè)置--設(shè)備編號(hào)--具體查看文檔《具體參數(shù)設(shè)置》

……（詳見(jiàn)教材）6．對(duì)話框內(nèi)容顯示privatevoidshowSetIpDialog（Stringtitle，Stringmess）{

AlertDialog.Builderbuilder=newAlertDialog.Builder（context）；

builder.setTitle（title）；

builder.setMessage（mess）；

finalEditTexteditText=newEditText（context）；

editText.setText（DataSave.getString（context，"serverIp"））；

……（詳見(jiàn)教材）最后按“CtrL+S”組合鍵保存即可，完整代碼請(qǐng)查看本書(shū)配套源代碼。7