Android常見界面控件

博學(xué)谷——讓IT教學(xué)更簡(jiǎn)單，讓IT學(xué)習(xí)更有效北京市昌平區(qū)建材城西路金燕龍辦公樓一層電話：400-618-4000傳智播客《Android移動(dòng)應(yīng)用基礎(chǔ)教程（AndroidStudio）（第2版）》教學(xué)設(shè)計(jì)課程名稱：《Android移動(dòng)應(yīng)用基礎(chǔ)教程（第2版)》授課年級(jí)：20xx年級(jí)授課學(xué)期：20xx學(xué)年第一學(xué)期教師姓名：某某老師20xx年xx月xx日課題名稱第3章Android常見界面控件計(jì)劃學(xué)時(shí)6學(xué)時(shí)內(nèi)容分析幾乎每一個(gè)Android應(yīng)用都是通過(guò)界面控件與用戶交互的，Android提供了非常豐富的界面控件，借助這些控件，我們可以很方便地進(jìn)行用戶界面開發(fā)。本章將針對(duì)Android常見的界面控件進(jìn)行講解。教學(xué)目標(biāo)要求學(xué)生掌握常用控件的使用，能夠搭建簡(jiǎn)單的界面要求學(xué)生掌握AlertDialog對(duì)話框的使用，可以設(shè)置不同類型的對(duì)話框要求學(xué)生掌握ListView與RecyclerView控件的使用，會(huì)搭建列表界面要求學(xué)生了解自定義控件，可以自定義一個(gè)簡(jiǎn)單的控件教學(xué)重點(diǎn)Android中的常用控件、AlertDialog對(duì)話框、ListView控件與RecyclerView控件、自定義控件教學(xué)難點(diǎn)ListView控件與RecyclerView控件、自定義控件教學(xué)方式教師采用課堂講授為主，使用教學(xué)PPT輔助授課。教學(xué)過(guò)程第一學(xué)時(shí)（TextView、Button、EditText、ImageView）一、情景導(dǎo)入1、教師通過(guò)舉例的方式，引出簡(jiǎn)單控件通常情況下，Android應(yīng)用的界面上有多個(gè)控件來(lái)顯示不同的信息，其中界面上的文本信息、按鈕、輸入框以及圖片信息分別是通過(guò)什么控件來(lái)顯示的呢？接下來(lái)本章將針對(duì)這些控件進(jìn)行詳細(xì)講解。2、教師根據(jù)課件，講述TextView、Button、EditText、ImageView控件我們首先了解TextView控件，接著依次熟悉Button、EditText、ImageView控件。3、明確學(xué)習(xí)目標(biāo)要求學(xué)生掌握TextView、Button、EditText、ImageView控件的使用二、重點(diǎn)知識(shí)講解1、教師根據(jù)課件，講述TextView控件教師引導(dǎo)，任何一個(gè)界面都是由多個(gè)界面元素組成，例如TextView、Button等，這些都是控件，每個(gè)控件都有不同的功能，然后引出TextView控件。使用手機(jī)時(shí)，經(jīng)常會(huì)看見一些文本信息（字符串），這些文本信息通常是由TextView控件顯示的。TextView是Android中很常用的控件，可以在代碼中設(shè)置TextView控件屬性，如字體大小、顏色、樣式等。通過(guò)PPT教學(xué)工具講解TextView常用屬性，并要求學(xué)生熟練掌握。2、教師根據(jù)課件，講述Button控件教師引導(dǎo)，講解Button是用于響應(yīng)用戶的一系列點(diǎn)擊事件，以及Button的點(diǎn)擊事件。接著講解Button點(diǎn)擊事件的幾種方式，并進(jìn)行分別講解。Button控件常用的點(diǎn)擊事件有三種，分別是在布局中指定onClick屬性、匿名內(nèi)部類、當(dāng)前Activity中實(shí)現(xiàn)OnClickListener接口。通過(guò)PPT引出程序代碼，對(duì)代碼進(jìn)行詳細(xì)講解，要求學(xué)生牢記三種點(diǎn)擊事件。3、教師根據(jù)課件，講述EditText控件教師引導(dǎo)，講解EditText控件作用。使用Android程序時(shí)，用戶經(jīng)常會(huì)向程序中輸入數(shù)據(jù)，此時(shí)就會(huì)用到文本編輯控件EditText，接收用戶輸入信息，該控件類似一個(gè)運(yùn)輸工具，將用戶信息傳遞給Android程序。通過(guò)PPT給出EditText控件代碼，然后針對(duì)代碼屬性進(jìn)行詳細(xì)的分析，并講解其中的重要知識(shí)。4、教師根據(jù)課件，講述ImageView控件教師引導(dǎo)，ImageView是視圖控件，它繼承自View，其功能是在屏幕中顯示圖像。ImageView類可以從各種來(lái)源加載圖像（如資源庫(kù)或網(wǎng)絡(luò)），并提供縮放、裁剪、著色（渲染）等功能。通過(guò)教材及PPT給出控件代碼，對(duì)ImageView的屬性以及如何引用圖片進(jìn)行詳細(xì)的講解。三、歸納總結(jié)，布置課后作業(yè)1、回顧上課前的學(xué)習(xí)目標(biāo)，并對(duì)本節(jié)課的重要知識(shí)點(diǎn)進(jìn)行總結(jié)。教師提問(wèn)學(xué)生本節(jié)課需要掌握的知識(shí)點(diǎn)，包括TextView控件、Button控件、EditText控件、ImageView控件，并對(duì)學(xué)生的回答進(jìn)行補(bǔ)充和總結(jié)。2、布置隨堂練習(xí)，檢查學(xué)生掌握情況。根據(jù)博學(xué)谷和隨堂練習(xí)資源，給學(xué)生布置隨堂練習(xí)，檢測(cè)學(xué)生的掌握程度，并對(duì)學(xué)生出現(xiàn)的問(wèn)題進(jìn)行解決。3、使用博學(xué)谷系統(tǒng)中的測(cè)試題給學(xué)生布置作業(yè)。第二學(xué)時(shí)（RadioButton、CheckBox、Toast、AlertDialog對(duì)話框概述）一、回顧上節(jié)講解的知識(shí)，引出本節(jié)需要講解的知識(shí)1、對(duì)上節(jié)課留的作業(yè)進(jìn)行答疑。2、回顧總結(jié)上節(jié)課的內(nèi)容，引出本節(jié)課主題上節(jié)課講解了Android中的TextView、EditText和Button控件，接下來(lái)將對(duì)其他常用控件進(jìn)行講解，并結(jié)合前面講的布局知識(shí)點(diǎn)做個(gè)案例。3、明確學(xué)習(xí)目標(biāo)要求學(xué)生掌握RadioButton、CheckBox、Toast的使用要求學(xué)生了解AlertDialog對(duì)話框二、重點(diǎn)知識(shí)講解1、教師根據(jù)課件，講述RadioButton控件教師引導(dǎo)，講解RadioButton控件的作用，并引出RadioGroup。RadioButton為單選按鈕，它需要與RadioGroup配合使用，提供兩個(gè)或多個(gè)互斥的選項(xiàng)集。接著講解RadioGroup作用。RadioGroup是單選組合框，可容納多個(gè)RadioButton，并把它們組合在一起，實(shí)現(xiàn)單選狀態(tài)。老師通過(guò)教材及PPT給出的代碼，對(duì)RadioButton以及RadioButton點(diǎn)擊事件進(jìn)行詳細(xì)地講解。2、教師根據(jù)課件，講述CheckBox控件教師引導(dǎo)，講解CheckBox控件的作用，并引出CheckBox控件的“選中”和“未選中”兩種狀態(tài)，這兩種狀態(tài)是通過(guò)android:checked屬性指定的，當(dāng)該屬性的值為true時(shí)，表示選中狀態(tài)，否則，表示未選中狀態(tài)。老師通過(guò)教材及PPT給出的代碼，對(duì)CheckBox控件進(jìn)行詳細(xì)地講解。3、教師根據(jù)提出的問(wèn)題，引出Toast提示信息教師引導(dǎo)，同學(xué)們想一想如果想在Android程序的界面上顯示一條提示信息，該使用什么類進(jìn)行顯示呢？這個(gè)類就是本節(jié)我們需要講的Toast類，它是Android系統(tǒng)提供的輕量級(jí)信息提醒機(jī)制，用于向用戶提示即時(shí)消息，它顯示在應(yīng)用程序界面的最上層，顯示一段時(shí)間后自動(dòng)消失不會(huì)打斷當(dāng)前操作，也不獲得焦點(diǎn)。老師通過(guò)教材及PPT給出的代碼，對(duì)Toast進(jìn)行詳細(xì)地講解。4、教師根據(jù)提出的問(wèn)題，引出AlertDialog對(duì)話框教師引導(dǎo)，同學(xué)們想一想如果想在Android程序中彈出一個(gè)對(duì)話框，對(duì)話框上有一些提示信息，該如何實(shí)現(xiàn)呢？這個(gè)效果的實(shí)現(xiàn)需要通過(guò)AlertDialog類來(lái)進(jìn)行，AlertDialog創(chuàng)建的對(duì)話框一般包含標(biāo)題、內(nèi)容和按鈕三個(gè)區(qū)域，這些區(qū)域的信息可以調(diào)用AlertDialog.Builder對(duì)象的相關(guān)方法創(chuàng)建各種樣式的提示信息內(nèi)容。老師通過(guò)教材及PPT給出的代碼，對(duì)AlertDialog進(jìn)行詳細(xì)地講解。三、歸納總結(jié)，布置課后作業(yè)1、回顧上課前的學(xué)習(xí)目標(biāo)，并對(duì)本節(jié)課的重要知識(shí)點(diǎn)進(jìn)行總結(jié)。教師提問(wèn)學(xué)生本節(jié)課需要掌握的知識(shí)點(diǎn)，包括RadioButton控件、CheckBox控件、Toast提示信息、AlertDialog對(duì)話框，并對(duì)學(xué)生的回答進(jìn)行補(bǔ)充和總結(jié)。2、布置隨堂練習(xí)，檢查學(xué)生掌握情況。根據(jù)博學(xué)谷和隨堂練習(xí)資源，給學(xué)生布置隨堂練習(xí)，檢測(cè)學(xué)生的掌握程度，并對(duì)學(xué)生出現(xiàn)的問(wèn)題進(jìn)行解決。3、使用博學(xué)谷系統(tǒng)中的測(cè)試題給學(xué)生布置作業(yè)。第三學(xué)時(shí)（普通對(duì)話框、單選對(duì)話框、多選對(duì)話框、自定義對(duì)話框、 ListView控件）一、回顧上節(jié)講解的知識(shí)，引出本節(jié)需要講解的知識(shí)1、對(duì)上節(jié)課留的作業(yè)進(jìn)行答疑。2、回顧總結(jié)上節(jié)課的內(nèi)容，引出本節(jié)課主題上節(jié)課講解了RadioButton控件、CheckBox控件、Toast提示信息、AlertDialog對(duì)話框等知識(shí)，接下來(lái)將對(duì)ListView控件與各種樣式的對(duì)話框進(jìn)行講解。3、明確學(xué)習(xí)目標(biāo)要求學(xué)生掌握普通對(duì)話框、單選對(duì)話框、多選對(duì)話框的創(chuàng)建與使用要求學(xué)生掌握自定義對(duì)話框的創(chuàng)建與使用要求學(xué)生掌握ListView控件的使用二、重點(diǎn)知識(shí)講解1、教師根據(jù)提出的問(wèn)題，引出普通對(duì)話框教師引導(dǎo)，大家知道什么是對(duì)話框？學(xué)生回答之后，老師解釋。在Android界面中，除了菜單之外，對(duì)話框也是程序與用戶交互的一種方式，通常用于顯示當(dāng)前程序提示信息以及相關(guān)說(shuō)明。對(duì)話框一般以小窗口的形式展示在Activity之上，當(dāng)對(duì)話框顯示時(shí)，處在下層的Activity失去焦點(diǎn)，對(duì)話框便可以接收用戶的交互信息。在普通對(duì)話框（Dialog）中，一般只會(huì)顯示提示信息，并通常具有確定和取消按鈕。老師根據(jù)教材和PPT向?qū)W生講述對(duì)話框的相關(guān)方法，接著給出實(shí)現(xiàn)對(duì)話框的代碼，并對(duì)代碼進(jìn)行詳細(xì)講解。2、教師根據(jù)課件，講述單選對(duì)話框教師引導(dǎo)，講述單選對(duì)話框作用。單選對(duì)話框和RadioButton作用類似，只能選擇一個(gè)選項(xiàng)，它是通過(guò)AlertDialog對(duì)象調(diào)用setSingleChoiceItems()方法創(chuàng)建的。老師根據(jù)教材和PPT給出代碼對(duì)單選對(duì)話框進(jìn)行詳解，并向?qū)W生演示效果圖，要求學(xué)生熟練掌握。3、教師根據(jù)課件，講述多選對(duì)話框教師引導(dǎo)，多選對(duì)話框通常在需要勾選多種選項(xiàng)時(shí)使用，例如添加興趣愛(ài)好、喜愛(ài)的電影等。創(chuàng)建多選對(duì)話框與創(chuàng)建單選對(duì)話框類似，調(diào)用setMultiChoiceItems()方法就可實(shí)現(xiàn)。老師根據(jù)教材和PPT給出的代碼進(jìn)行詳解，并向?qū)W生演示效果圖，要求學(xué)生熟練掌握。4、教師根據(jù)課件，講述自定義對(duì)話框教師引導(dǎo)，在Android項(xiàng)目中為了提高用戶體驗(yàn)，達(dá)到更理想的效果，一般不直接使用系統(tǒng)提供的對(duì)話框，而是根據(jù)項(xiàng)目需求自己定義對(duì)話框的樣式。接下來(lái)根據(jù)教材步驟實(shí)現(xiàn)一個(gè)自定義對(duì)話框，結(jié)合PPT中的代碼進(jìn)行詳細(xì)講解。5、教師根據(jù)課件，講述ListView控件在Android開發(fā)中，ListView是一個(gè)比較常用的控件，它以列表的形式展示數(shù)據(jù)內(nèi)容，并且能夠根據(jù)列表的高度自適應(yīng)屏幕顯示。接下來(lái)根據(jù)教材和PPT中的代碼進(jìn)行詳細(xì)講解。三、歸納總結(jié)，布置課后作業(yè)1、回顧上課前的學(xué)習(xí)目標(biāo)，并對(duì)本節(jié)課的重要知識(shí)點(diǎn)進(jìn)行總結(jié)。教師提問(wèn)學(xué)生本節(jié)課需要掌握的知識(shí)點(diǎn)，包括普通對(duì)話框、單選對(duì)話框、多選對(duì)話框、自定義對(duì)話框以及ListView控件，并對(duì)學(xué)生的回答進(jìn)行補(bǔ)充和總結(jié)。2、布置隨堂練習(xí)，檢查學(xué)生掌握情況。根據(jù)博學(xué)谷和隨堂練習(xí)資源，給學(xué)生布置隨堂練習(xí)，檢測(cè)學(xué)生的掌握程度，并對(duì)學(xué)生出現(xiàn)的問(wèn)題進(jìn)行解決。3、使用博學(xué)谷系統(tǒng)中的測(cè)試題給學(xué)生布置作業(yè)。第四學(xué)時(shí)（常用數(shù)據(jù)適配器、案例-Android購(gòu)物商城、RecyclerView的使用、自定義View）一、回顧上節(jié)講解的知識(shí)，引出本節(jié)需要講解的知識(shí)1、對(duì)上節(jié)課留的作業(yè)進(jìn)行答疑。2、回顧總結(jié)上節(jié)課的內(nèi)容，引出本節(jié)課主題上節(jié)課講解了對(duì)話框的三種樣式、自定義對(duì)話框以及ListView控件，本節(jié)課將講解ListView控件的適配器、案例-Android購(gòu)物商城、RecyclerView控件的使用以及自定義View。二、重點(diǎn)知識(shí)講解1、教師根據(jù)提出的問(wèn)題，引出常用數(shù)據(jù)適配器教師引導(dǎo)，當(dāng)Android界面上需要一個(gè)列表來(lái)顯示數(shù)據(jù)時(shí)，需要在布局文件中放置一個(gè)ListView控件，該控件上如何才能顯示數(shù)據(jù)呢？此時(shí)需要使用數(shù)據(jù)適配器對(duì)ListView控件進(jìn)行數(shù)據(jù)適配。數(shù)據(jù)適配器是數(shù)據(jù)與視圖之間的橋梁，它類似于一個(gè)轉(zhuǎn)換器，將復(fù)雜的數(shù)據(jù)轉(zhuǎn)換成用戶可以接受的方式進(jìn)行呈現(xiàn)。老師通過(guò)教材及PPT給出的代碼，對(duì)常用的數(shù)據(jù)適配器進(jìn)行詳細(xì)地講解。2、教師根據(jù)課件，講述案例-Android購(gòu)物商城前面介紹了ListView控件和幾種常見的數(shù)據(jù)適配器，接下來(lái)，我們以一個(gè)Android購(gòu)物商城案例為例，講解如何對(duì)ListView控件進(jìn)行數(shù)據(jù)適配，老師根據(jù)教材和PPT給出的代碼進(jìn)行詳解，并向?qū)W生演示效果圖，要求學(xué)生熟練掌握。3、教師根據(jù)課件，講述RecyclerView控件的使用在Android5.0之后，谷歌提供了用于在有限的窗口范圍內(nèi)顯示大量數(shù)據(jù)的控件RecyclerView。與ListView控件相似，RecyclerView控件同樣是以列表的形式展示數(shù)據(jù)，并且數(shù)據(jù)都是通過(guò)適配器加載的。接下來(lái)根據(jù)教材及PPT給出的代碼，對(duì)RecyclerView控件的使用進(jìn)行詳細(xì)講解。4、教師根據(jù)提出的問(wèn)題，引出自定義View教師引導(dǎo)，如果想要顯示一個(gè)Android系統(tǒng)中沒(méi)有控件可以顯示的樣式，該通過(guò)什么方式來(lái)實(shí)現(xiàn)呢？雖然Android系統(tǒng)中提供了很多繼承自View類的控件，但是在實(shí)際開發(fā)中，還會(huì)出現(xiàn)不滿足需求的情況。此時(shí)我們可以通過(guò)自定義View的方式進(jìn)行實(shí)現(xiàn)。接下來(lái)根據(jù)教材及PPT給出的代碼，對(duì)自定義View進(jìn)行詳細(xì)講解。三、知識(shí)鞏固1、總結(jié)知識(shí)點(diǎn)，使用博學(xué)谷系統(tǒng)中的隨堂練習(xí)題鞏固本節(jié)課所學(xué)知識(shí)。2、使用博學(xué)谷系統(tǒng)中的測(cè)試題給學(xué)生布置作業(yè)。第五、六學(xué)時(shí)（上機(jī)練習(xí)）上機(jī)練習(xí)主要針對(duì)本章中需要重點(diǎn)掌握的知識(shí)點(diǎn)，以及在程序中容易出錯(cuò)的內(nèi)容進(jìn)行練習(xí)，通過(guò)上機(jī)練習(xí)可以考察同學(xué)對(duì)知識(shí)點(diǎn)的掌握情況，對(duì)代碼的熟練程度。