《移動(dòng)端應(yīng)用開發(fā)》課件 模塊2 基礎(chǔ)界面設(shè)計(jì)

模塊2基礎(chǔ)界面設(shè)計(jì)2.1UI布局界面2.2常用控件2.3對(duì)話框2.4項(xiàng)目實(shí)戰(zhàn)Android學(xué)習(xí)路線1.1Android相關(guān)知識(shí)

學(xué)習(xí)目標(biāo)1.1Android相關(guān)知識(shí)素質(zhì)目標(biāo)知識(shí)目標(biāo)素質(zhì)1.能夠靈活使用布局和組件，設(shè)計(jì)美觀和符合規(guī)范的用戶界面；2.能夠從用戶的角度考慮界面的功能和交互；3.能夠使用資源管理字符串、顏色和圖片；4.能夠?qū)⒔缑娌季洲D(zhuǎn)化為視圖。能力目標(biāo)1.理解View和ViewGroup；2.掌握常用布局的使用方法；3.掌握常用組件的使用方法；4.掌握界面設(shè)計(jì)的基礎(chǔ)方法；1.提升審美修養(yǎng)；2.增強(qiáng)用戶體驗(yàn)意識(shí)；3.強(qiáng)化精益求精觀念；2.1UI布局界面預(yù)習(xí)檢查Android常用的布局類型有哪些？Android常用的控件有哪些？知識(shí)解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展2.1UI布局界面知識(shí)點(diǎn)預(yù)覽#知識(shí)點(diǎn)重點(diǎn)難點(diǎn)應(yīng)用說明1控件布局屬性√√掌握控件在布局中的屬性，主要包括長(zhǎng)度，寬度，對(duì)齊，邊緣等2絕對(duì)布局√掌握絕對(duì)布局的方式以及應(yīng)用場(chǎng)景3相對(duì)布局√掌握相對(duì)布局的方式以及應(yīng)用場(chǎng)景4線性布局√√√掌握線性布局的方式以及應(yīng)用場(chǎng)景5限制布局√√√掌握限制性布局；輔助線以及Chain布局的方式以及應(yīng)用場(chǎng)景知識(shí)解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展2.1UI布局界面項(xiàng)目案例知識(shí)點(diǎn)標(biāo)準(zhǔn)身高計(jì)算器布局創(chuàng)建布局類型常用控件常見對(duì)話框存放路徑線性布局消息對(duì)話框創(chuàng)建步驟TextViewEditTextButtonRadioButton知識(shí)解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展2.1UI布局界面項(xiàng)目案例任務(wù)書目標(biāo)：讓學(xué)生掌握Android的界面相關(guān)開發(fā)技術(shù)主要的工作任務(wù)劃分為：開發(fā)輸入界面。進(jìn)行事件處理。顯示計(jì)算結(jié)果。發(fā)布到手機(jī)。涉及的關(guān)鍵技術(shù)包括：Activity類的使用布局文件的設(shè)計(jì)事件的處理消息對(duì)話框的使用。知識(shí)解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展2.1UI布局界面

創(chuàng)建布局在Android程序中界面是通過布局文件設(shè)定的，在每個(gè)應(yīng)用程序創(chuàng)建時(shí)會(huì)默認(rèn)包含一個(gè)主界面布局，該布局位于res/layout目錄中。實(shí)際開發(fā)中每個(gè)應(yīng)用程序都包含多個(gè)界面，而程序默認(rèn)提供的一個(gè)主界面布局無(wú)法滿足需求，因此經(jīng)常會(huì)在程序中添加多個(gè)布局。問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展布局的創(chuàng)建-步驟2.1UI布局界面問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展2.2布局類型布局的類型五種常用布局線性布局相對(duì)布局幀布局表格布局絕對(duì)布局特點(diǎn)：以水平或垂直方向排列特點(diǎn)：通過相對(duì)定位排列特點(diǎn)：開辟空白區(qū)域，幀里的控件(層)疊加特點(diǎn)：表格形式排列特點(diǎn)：通過x，y坐標(biāo)排列問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展2.2布局類型布局屬性View：基本視圖；所有控件和布局由View繼承過來(lái)；View基本屬性和方法可以適用于所有布局和控件；屬性名稱屬性定義android:id視圖組件的編號(hào):@+id/btn_jumpandroid:layout_width視圖的寬度dp具體的dp數(shù)值match_parent與上級(jí)視圖一樣寬wrap_content與內(nèi)容一樣寬android:layout_height視圖的高度dp具體的dp數(shù)值match_parent與上級(jí)視圖一樣高wrap_content與內(nèi)容一樣寬android:layout_margin視圖與周圍視圖的距離layout_marginTop與上邊視圖距離layout_marginBottom與下邊視圖距離layout_marginLeft與左邊視圖距離layout_marginRight與右邊視圖距離android:minWidth視圖最小寬度android:minHeight視圖最小高度問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展2.2布局類型布局屬性屬性名稱屬性定義android:background視圖的背景:可以是顏色；也可以是圖片；android:layout_gravity視圖與上級(jí)視圖的對(duì)齊方式left靠左對(duì)齊right靠右對(duì)齊top靠上對(duì)齊bottom靠下對(duì)齊center居中對(duì)齊android:gravity視圖中文字與視圖的對(duì)齊方式left靠左對(duì)齊right靠右對(duì)齊top靠上對(duì)齊bottom靠下對(duì)齊center居中對(duì)齊android:visible視圖的可視屬性visible可見invisible不可見，占位置gone消失，不占位置問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展2.2布局類型布局屬性屬性名稱屬性定義android:padding內(nèi)部?jī)?nèi)容與視圖的距離paddingTop視圖邊緣與上邊距離paddingBottom視圖邊緣與下邊距離paddingLeft視圖邊緣與左邊距離paddingRight視圖邊緣與右邊距離屬性名稱屬性定義app:layout_constraint布局限制app:layout_constraintBottom_toBottomOf限制視圖與底部對(duì)齊app:layout_constraintEnd_toEndOf視圖邊緣與右邊對(duì)齊app:layout_constraintStart_toStartOf限制視圖與左邊對(duì)齊app:app:layout_constraintTop_toTopOf限制視圖與頂部對(duì)齊問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展布局屬性屬性名稱屬性定義setLayoutParams設(shè)置視圖的布局參數(shù)setMinimumWidth設(shè)置視圖的最小寬度setMinimumHeight設(shè)置視圖的最小高度setBackgroundColor設(shè)置視圖的背景顏色setBackgroundDrawable設(shè)置視圖的背景圖片setBackgroundResource設(shè)置視圖的背景資源setPadding設(shè)置視圖邊緣與視圖內(nèi)容之間的空白距離setVisibility設(shè)置視圖的可視類型2.2布局類型問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展線性布局線性布局（LinearLayout）主要以水平或垂直方式來(lái)顯示界面中的控件。當(dāng)控件水平排列時(shí)，顯示順序依次為從左到右，當(dāng)控件垂直排列時(shí)，顯示順序依次為從上到下。<LinearLayoutxmlns:android="/apk/res/android"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"></LinearLayout>2.2布局類型問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展線性布局-注意事項(xiàng)

線性布局：

android:orientation=“horizontal”;代表從左到右排列

android:orientation=“vertical”;代表從上到下排列2.2布局類型問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展線性布局-注意事項(xiàng)

當(dāng)控件水平排列時(shí)，控件屬性layout_width只能設(shè)置為wrap_content（包裹內(nèi)容讓當(dāng)前控件根據(jù)控件內(nèi)容大小自動(dòng)伸縮），否則其余控件會(huì)被擠出屏幕右側(cè)不顯示。同理，如果控件垂直排列也會(huì)出現(xiàn)同樣情況。當(dāng)控件水平排列時(shí)，如果控件未占滿一行，會(huì)留有空白區(qū)域，這樣既不美觀又浪費(fèi)空間。此時(shí)，可以利用layout_weight屬性解決這個(gè)問題，該屬性被稱為權(quán)重，通過比例調(diào)整布局中所有控件的大小。<Buttonandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="2"/>

注意：當(dāng)控件使用權(quán)重屬性時(shí)，布局寬度屬性值通常設(shè)置為0。2.2布局類型問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展線性布局-注意事項(xiàng)

我們可以通過設(shè)置gravity（元素?cái)[放位置）和layout_gravity（元素相對(duì)父控件擺放位置）屬性來(lái)解決子元素的擺放問題。layout_gravity是指當(dāng)前控件在父控件里面的擺放位置，不過需要注意的一點(diǎn)是，父控件設(shè)置的gravity的級(jí)別要低于子控件設(shè)置的layout_gravity。gravity是針對(duì)當(dāng)前控件里面內(nèi)容的擺放的。如果是容器，則針對(duì)的是容器里面子view的擺放；如果是控件，則針對(duì)的是控件里面內(nèi)容的擺放。layout_weight是一個(gè)很重要的屬性，簡(jiǎn)單來(lái)說就是按比例來(lái)分配控件占用父控件的大小。2.2布局類型問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展線性布局-注意事項(xiàng)2.2布局類型問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展其中g(shù)ravity屬性是比較常用的，使用它可以控制當(dāng)前控件在父控件里面的擺放位置。gravity屬性值如表所示。相對(duì)布局相對(duì)布局（RelativeLayout）是通過相對(duì)定位的方式指定控件位置，即以其它控件或父容器為參照物，擺放控件位置。在設(shè)計(jì)相對(duì)布局時(shí)要遵循控件之間的依賴關(guān)系，后放入控件的位置依賴于先放入的控件。<RelativeLayoutxmlns:android="/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:paddingBottom="20dp">……..</RelativeLayout>按鈕3按鈕2按鈕1100dp20dp2.2布局類型問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

第1類：屬性值為true或者false2.2布局類型問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展屬性名稱描述layout_centerHrizontal水平居中l(wèi)ayout_centerVertical垂直居中l(wèi)ayout_centerInparent相對(duì)于父控件完全居中l(wèi)ayout_alignParentBottom貼緊父控件的下邊緣layout_alignParentLeft貼緊父控件的左邊緣layout_alignParentRight貼緊父控件的右邊緣layout_alignParentTop貼緊父控件的上邊緣layout_alignWithParentIfMissing如果對(duì)應(yīng)的兄弟控件找不到的話，就以父控件作為參照物第2類：屬性值必須為ID的引用名“@id/id-name”2.2布局類型問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展屬性名稱描述layout_below在某元素的下方layout_above在某元素的的上方layout_toLeftOf在某元素的左邊layout_toRightOf在某元素的右邊layout_alignTop本元素的上邊緣和某元素的的上邊緣對(duì)齊layout_alignLeft本元素的左邊緣和某元素的的左邊緣對(duì)齊layout_alignBottom本元素的下邊緣和某元素的的下邊緣對(duì)齊layout_alignRight本元素的右邊緣和某元素的的右邊緣對(duì)齊第3類：屬性值為具體的像素值，如30dip、40dpi2.2布局類型問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展屬性名稱描述layout_marginBottom離某元素底邊緣的距離layout_marginLeft離某元素左邊緣的距離layout_marginRight離某元素右邊緣的距離layout_marginTop離某元素上邊緣的距離2.2布局類型問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展<Button

android:layout_alignParentLeft="true"android:text="左上角"/><Button

android:layout_alignParentRight="true"android:text="右上角"/><Button

android:layout_centerInParent="true"android:text="中間"/><Button

android:layout_alignParentBottom="true"android:text="左下角"/><Button

android:layout_alignParentRight="true"android:layout_alignParentBottom="true"android:text="右下角"/>相對(duì)布局

Android操作系統(tǒng)介紹App2.3項(xiàng)目案例問題導(dǎo)入學(xué)以致用知識(shí)解析課堂小結(jié)課后拓展需求描述：1要制作一個(gè)Android操作系統(tǒng)的介紹界面技術(shù)要點(diǎn)：1主要使用RelativeLayout進(jìn)行UI設(shè)計(jì)在string.xml文件創(chuàng)建字符串資源UI布局設(shè)計(jì)運(yùn)行和測(cè)試程序123步驟描述：

1.在string.xml文件創(chuàng)建字符串資源2.3項(xiàng)目案例問題導(dǎo)入學(xué)以致用知識(shí)解析課堂小結(jié)課后拓展在UI中，要顯示相關(guān)的介紹文字，可以在字符串資源中將這些文字信息添加在資源文件strings.xml中。在控件需要使用到相關(guān)文字時(shí)，引用對(duì)應(yīng)的字符串資源。<resources>

<stringname="app_name">Android介紹</string><stringname="DetailTitme">什么是Android操作系統(tǒng)</string><stringname="DetailDate">2020-03-27</string><stringname="DetailContent">Android是由Google公司主導(dǎo)開發(fā)的......。</string><stringname="BtnReply">回復(fù)</string><stringname="BtnRew">轉(zhuǎn)發(fā)</string></resources>

2.UI布局設(shè)計(jì)2.3項(xiàng)目案例問題導(dǎo)入學(xué)以致用知識(shí)解析課堂小結(jié)課后拓展使用RelativeLayout進(jìn)行UI設(shè)計(jì)。UI中包含了圖標(biāo)、標(biāo)題、時(shí)間、內(nèi)容及兩個(gè)按鈕，其中涉及的TextView、Button、ImageView控件，我們會(huì)在后文詳細(xì)講解。

3.運(yùn)行效果2.3項(xiàng)目案例問題導(dǎo)入學(xué)以致用知識(shí)解析課堂小結(jié)課后拓展完成Android操作系統(tǒng)介紹App的UI布局設(shè)計(jì)后，就可以在模擬器或者手機(jī)上運(yùn)行并查看效果，其運(yùn)行效果如圖。2.4小結(jié)本節(jié)主要講解了布局的創(chuàng)建、布局屬性、布局的類型，這部分內(nèi)容在實(shí)際開發(fā)中非常重要，基本上每個(gè)Android程序都會(huì)使用這些內(nèi)容，因此要求初學(xué)者必須熟練掌握，為后面的學(xué)習(xí)做好鋪墊。問題導(dǎo)入課堂小結(jié)知識(shí)解析學(xué)以致用課后拓展2.5課后拓展?作業(yè)要求總結(jié)常見的布局類型及特點(diǎn)。常見的布局屬性有哪些？預(yù)習(xí)作業(yè)常用的控件有哪些？

問題導(dǎo)入課后拓展知識(shí)解析學(xué)以致用課堂小結(jié)下節(jié)課見模塊2基礎(chǔ)界面設(shè)計(jì)2.1UI布局界面2.2常用控件2.3對(duì)話框2.4項(xiàng)目實(shí)戰(zhàn)Android學(xué)習(xí)路線1.1Android相關(guān)知識(shí)

學(xué)習(xí)目標(biāo)1.1Android相關(guān)知識(shí)素質(zhì)目標(biāo)知識(shí)目標(biāo)素質(zhì)1.能夠靈活使用布局和組件，設(shè)計(jì)美觀和符合規(guī)范的用戶界面；2.能夠從用戶的角度考慮界面的功能和交互；3.能夠使用資源管理字符串、顏色和圖片；4.能夠?qū)⒔缑娌季洲D(zhuǎn)化為視圖。能力目標(biāo)1.理解View和ViewGroup；2.掌握常用布局的使用方法；3.掌握常用組件的使用方法；4.掌握界面設(shè)計(jì)的基礎(chǔ)方法；1.提升審美修養(yǎng)；2.增強(qiáng)用戶體驗(yàn)意識(shí)；3.強(qiáng)化精益求精觀念；作業(yè)點(diǎn)評(píng)總結(jié)常見的布局類型及特點(diǎn)。常見的布局屬性有哪些？知識(shí)解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展預(yù)習(xí)檢查工匠坊界面常用的控件有哪些？知識(shí)解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展問題導(dǎo)入知識(shí)解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展本案例將開發(fā)一個(gè)BMI體質(zhì)指數(shù)計(jì)算App，通過用戶提供身高、體重?cái)?shù)據(jù)，應(yīng)用BMI公式計(jì)算出該用戶的身體質(zhì)量指數(shù)，并給出相關(guān)的健康建議。體質(zhì)指數(shù)（BodyMassIndex，簡(jiǎn)稱：BMI）是國(guó)際通用的衡量人肥胖程度和健康的重要標(biāo)準(zhǔn)。BMI通過人的體重和身高兩個(gè)數(shù)值獲得相對(duì)客觀的數(shù)據(jù)，并用這個(gè)數(shù)據(jù)所處范圍衡量身體狀況。BMI=體重÷（身高×身高）（體重單位：千克，身高單位：米）需求描述：1

任務(wù)：BMI體質(zhì)指數(shù)計(jì)算App問題導(dǎo)入知識(shí)解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展

任務(wù)：BMI體質(zhì)指數(shù)計(jì)算AppBMI指數(shù)標(biāo)準(zhǔn)需求描述：2控件的分類常用控件TextViewEditTextButtonRadioButtonImageView控件是界面組成的主要元素，是與用戶進(jìn)行直接交互的。知識(shí)解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展View類介紹問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展View類是所有Android控件和容器的父類，它涉及的屬性我們必須要有所了解。View類的常見屬性如表。屬性名稱描述id

控件，對(duì)象標(biāo)識(shí)layout_width

寬：x軸，match_parent（匹配父元素）,wrap_content（匹配內(nèi)容）,數(shù)值，單位dplayout_height

高：y軸，同layout_width

gravity

內(nèi)容，子元素在視圖中的停靠位置layout_gravity

視圖在布局中的?？课恢胮adding

視圖的內(nèi)邊距l(xiāng)ayout_margin

視圖相對(duì)父元素的外邊距visibility

可見性，visible,invisible,goneTextView介紹

TextView控件繼承自View類，用于在界面上顯示一段文本信息。它繼承自View類，除了繼承View類的屬性之外，還有自己的屬性。

TextView是Android中常用的組件之一，用于顯示文字。TextView中提供了大量的屬性用于設(shè)置TextView的字體大小、字體顏色、字體樣式等。

由于很多控件都是TextView的子類，它們也繼承TextView的屬性，這給應(yīng)用程序的界面提供了多種顯示組合和樣式。問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展TextView使用

TextView的屬性可以直接在XML布局文件中設(shè)置，也可以在Java應(yīng)用程序中設(shè)置和修改。

例如：

用戶界面的布局文件textview_layout.xml中定義了一個(gè)TextView，我們?cè)赥extView幾個(gè)基本屬性基礎(chǔ)上增加幾個(gè)屬性設(shè)置，如android:textColor=”#ff0000”設(shè)置字體為紅色，android:textSize=“24sp”設(shè)置字體為24sp，android:textStyle=”bold”設(shè)置字體加粗。屬性名稱描述text

文本內(nèi)容（字符串或@string/字符串資源）textSize

字號(hào)，單位sptextColor

字體顏色minLine最小行數(shù)maxLine

最大行數(shù)singleLine

是否單行ellipsize省略文字autoLink文本鏈接方式，email,phone,web,map,all問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展TextView使用問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展45TextView使用問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展<TextViewandroid:id="@+id/txtMsg"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:text="我是一段文本"android:textColor="#F44336"android:textSize="25sp"/>

TextView的使用EditText介紹EditText繼承自TextView，主要用來(lái)進(jìn)行編輯操作，將用戶信息傳遞給Android程序，還可以為EditText控件設(shè)置監(jiān)聽器，用來(lái)測(cè)試用戶輸入的內(nèi)容是否合法。

通常使用該控件來(lái)設(shè)置默認(rèn)提示文本，限制EditText輸入類型，設(shè)置最小行、最多行、單行、多行、自動(dòng)換行，設(shè)置文字間隔，設(shè)置英文字母大寫類型，控制EditText四周的間隔距離與內(nèi)部文字與邊框間的距離，設(shè)置EditText獲得焦點(diǎn)，同時(shí)彈出小鍵盤。問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展EditText介紹問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展屬性名稱描述text

輸入的文本maxLength最大輸入長(zhǎng)度textColor

字體顏色inputType軟鍵盤類型，phone,number,textUri,textPassword,numberPassword,textMultiLine，textEmailAddressdigits允許輸入的字符imeOptions輸入法選項(xiàng)editable是否可編輯hint提示信息

EditText

的屬性EditText介紹問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

EditText

的屬性49EditText介紹問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

EditText

控件的使用50<EditTextandroid:id="@+id/edName"android:layout_width="match_parent"android:layout_height="wrap_content"android:hint="請(qǐng)輸入"android:inputType="textPersonName"android:maxLines="10"/>Button介紹在Android開發(fā)中，Button是常用的控件，用于響應(yīng)用戶的一系列點(diǎn)擊事件，使程序更加流暢和完整。我們可以在界面xml描述文檔中定義，也可以在程序中創(chuàng)建后加入到界面中，效果是一樣的。但是通常建議在xml文檔中定義，因?yàn)橐坏┙缑嬉淖兪窃?，我們可以直接修改xml文件，而不用修改Java程序，并且在xml中定義層次分明，一目了然。問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展首先，添加Button控件到XML布局文件中，在布局文件中設(shè)置按鈕的一些屬性，如位置，寬高，按鈕上的字，顏色等。比較重要的是要給按鈕一個(gè)id號(hào)，這是按鈕唯一的名字。這樣在程序中可以通過如下形式獲得按鈕：button=(Button)findViewById(R.id.buttonId);問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展Button介紹屬性名稱描述android:text按鈕上的文本android:textAllCaps所有英文字母是否進(jìn)行大寫轉(zhuǎn)換，默認(rèn)為trueandroid:onClick 設(shè)置點(diǎn)擊事件問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

Button

控件的使用53Button介紹<Buttonandroid:id="@+id/btn1"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="提交"/>Button響應(yīng)的四種方式1.在布局文件中添加button的監(jiān)聽名字

Android:onClick=”buttonOnClick”2.在OnCreate函數(shù)中寫

Mybutton=(Button)findViewById(R.id.button1)注意：Button的setOnClickListener優(yōu)先級(jí)比xml中android:onClick高，如果同時(shí)設(shè)置點(diǎn)擊事件，只有setOnClickListener有效。問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展Button響應(yīng)的四種方式問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展該方式通過設(shè)置按鈕的onClick屬性來(lái)監(jiān)聽按鈕的單擊操作，需要在activity中建立一個(gè)監(jiān)聽方法，然后通過按鈕的onClick屬性與之關(guān)聯(lián)。步驟1：在activity中設(shè)置方法myClick()，響應(yīng)按鈕的單擊操作。代碼如下：

方式一Button響應(yīng)的四種方式問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

方式一步驟2：設(shè)置按鈕的onClick屬性值為方法myClick()，將按鈕與之關(guān)聯(lián)。代碼如下：Button響應(yīng)的四種方式問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

方式二該方式通過按鈕的setOnClickListener()方法注冊(cè)監(jiān)聽事件，在監(jiān)聽事件中創(chuàng)建OnClickListener()，然后自動(dòng)重寫onClick()。步驟1：在布局文件中拖入Button控件，設(shè)置ID為btnclick2。代碼如下：Button響應(yīng)的四種方式問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

方式二步驟2：為按鈕控件設(shè)置監(jiān)聽類。代碼如下：Button響應(yīng)的四種方式問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

方式三該方式通過內(nèi)部類實(shí)現(xiàn)OnClickListener接口，并重寫OnClick()方法。步驟1：在布局文件中拖入Button控件，設(shè)置ID為btnclick3。代碼如下：Button響應(yīng)的四種方式問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

方式三步驟2：為按鈕控件設(shè)置監(jiān)聽類。代碼如下：Button響應(yīng)的四種方式問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

方式三步驟3：使用監(jiān)聽類。代碼如下：Button響應(yīng)的四種方式問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

方式四該方式通過在Activity類實(shí)現(xiàn)OnClickListener接口，并重寫OnClick()方法。步驟1：在布局文件中拖入Button控件，設(shè)置ID為btnclick4。代碼如下：Button響應(yīng)的四種方式問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

方式四步驟2：在Activity類實(shí)現(xiàn)OnClickListener接口，重寫onClick()方法。代碼如下：RadioButton介紹RadioButton為單選按鈕，一組RadioButton，只能同時(shí)選中一個(gè)（單選），單個(gè)RadioButton在選中后，通過點(diǎn)擊無(wú)法變?yōu)槲催x中，RadioButton在大部分UI框架中默認(rèn)都以圓形表示。問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展1、RadioButton表示單個(gè)圓形單選框，而RadioGroup是可以容納多個(gè)RadioButton的容器。2、每個(gè)RadioGroup中的RadioButton同時(shí)只能有一個(gè)被選中。3、不同的RadioGroup中的RadioButton互不相干。4、通常一個(gè)RadioGroup中至少有2個(gè)RadioButton。5、通常一個(gè)RadioGroup中的RadioButton默認(rèn)會(huì)有一個(gè)被選中，并建議將它放在RadioGroup中的起始位置。

RadioButton和RadioGroup的關(guān)系RadioButton介紹問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展RadioButton介紹問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展RadioButton控件必須和單選框RadioGroup控件一起使用，在RadioGroup控件中放置RadioButton控件，通過setOnCheckedChangeListener()方法來(lái)響應(yīng)按鈕的事件。<RadioGroupandroid:id="@+id/sexgp"android:orientation="horizontal"><RadioButtonandroid:id="@+id/rdman"android:checked="true"android:text="男"/><RadioButtonandroid:id="@+id/rdwomen"android:text="女"/></RadioGroup>

RadioButton的使用RadioButton介紹問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

RadioButton的使用CheckBox介紹問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

CheckBox控件CheckBox控件是復(fù)選框控件，它繼承于Button控件，一般用于多項(xiàng)選中操作。與普通按鈕不同的是，CheckBox多了一個(gè)可以選中的功能，可額外指定一個(gè)android:checked屬性，該屬性可以指定初始狀態(tài)時(shí)是否被選中。其實(shí)也可以不用指定，默認(rèn)初始狀態(tài)都不被選中。通過setOnCheckedChangeListener()方法來(lái)響應(yīng)按鈕的事件；CheckBox介紹問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

CheckBox控件<CheckBoxandroid:id="@+id/ck1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:checked="true"android:text="足球"/><CheckBoxandroid:id="@+id/ck2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="籃球"/>CheckBox介紹問題導(dǎo)入知識(shí)解析學(xué)以致用課堂小結(jié)課后拓展

CheckBox控件的使用publicclassCheckBoxActivityextendsAppCompatActivity

implementsCompoundButton.OnCheckedChangeListener//設(shè)置監(jiān)聽事件ck1.setOnCheckedChangeListener(this);//選中事件publicvoidonCheckedChanged(CompoundButtonbuttonView,booleanisChecked){if(isChecked){//ToastToast.makeText(CheckBoxActivity.this,buttonView.getText()+"被選擇",Toast.LENGTH_SHORT).show();}else{Toast.makeText(CheckBoxActivity.this,buttonView.getText()+"取消選擇",Toast.LENGTH_SHORT