《Android實(shí)戰(zhàn)基礎(chǔ)教程》課件第十二章

目錄12.1

陌陌系統(tǒng)介紹12.2實(shí)現(xiàn)系統(tǒng)歡迎界面12.3實(shí)現(xiàn)系統(tǒng)注冊(cè)界面12.4實(shí)現(xiàn)系統(tǒng)主界面十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)12.1陌陌系統(tǒng)介紹12.1.1陌陌的發(fā)展現(xiàn)狀

陌陌是陌陌科技開(kāi)發(fā)者的首個(gè)基于iPhone、Andorid和WindowsPhone的手機(jī)應(yīng)用。通過(guò)陌陌可以提供真實(shí)的位置信息，解決了以往社交過(guò)于虛幻、缺乏真實(shí)的線下互動(dòng)的問(wèn)題。2011年8月3號(hào)，陌陌iOS版本正式上線。2013年4月24日，在由艾瑞咨詢舉辦的2012～2013中國(guó)移動(dòng)互聯(lián)網(wǎng)應(yīng)用評(píng)比活動(dòng)上，陌陌獲得中國(guó)移動(dòng)互聯(lián)網(wǎng)應(yīng)用年度最具創(chuàng)新力大獎(jiǎng)。2013年4月15日，陌陌3.4版本上線，新增附近群組搜索、創(chuàng)建好友多人對(duì)話、微博好友推薦功能。2014年12月12日，陌陌科技登錄納斯達(dá)克。十二、陌陌即時(shí)通信系統(tǒng)(1)設(shè)計(jì)模式。根據(jù)GPS搜尋和定位身邊的陌生人和群組，高效快捷地建立聯(lián)系，節(jié)省溝通的距離和成本。(2)免費(fèi)傳遞?？梢苑奖愕赝ㄟ^(guò)陌陌免費(fèi)發(fā)送信息、語(yǔ)音、照片以及精確的地理位置，與他人進(jìn)行各種互動(dòng)。(3)遞送提示。即時(shí)了解信息送達(dá)的狀態(tài)，“送達(dá)”、“已讀”等提示能讓用戶即時(shí)掌握信息是否被對(duì)方看到。(4)個(gè)人資料?？梢栽谫Y料頁(yè)存放多張照片，以及簽名、職業(yè)、愛(ài)好等信息，以增進(jìn)其他人對(duì)用戶的了解。12.1.2陌陌特點(diǎn)介紹十二、陌陌即時(shí)通信系統(tǒng)(5)場(chǎng)景表情。表情商店提供了豐富的表情，讓聊天不再單調(diào)，更加的生動(dòng)活潑，符合移動(dòng)社交的聊天風(fēng)格。(6)會(huì)員服務(wù)?？上硎苣澳安粩嗤瞥龅母鞣N增值以及專屬服務(wù)，包括基礎(chǔ)會(huì)員服務(wù)、上限提升服務(wù)、表情商店服務(wù)等。(7)隱私保護(hù)?？梢噪S時(shí)把厭惡的人拉入黑名單，還可以對(duì)他人的不良行為進(jìn)行舉報(bào)，并且有多種隱身模式。(8)平臺(tái)支持。全面支持多種iOS設(shè)備以及Android2.3及以上版本的手機(jī)，支持各種網(wǎng)絡(luò)接入方式。十二、陌陌即時(shí)通信系統(tǒng)12.2實(shí)現(xiàn)系統(tǒng)歡迎界面

運(yùn)行陌陌系統(tǒng)后，將首先顯示一個(gè)系統(tǒng)歡迎界面，以一幅圖片作為背景，下方顯示“注冊(cè)”和“登錄”，如圖所示。圖12.1十二、陌陌即時(shí)通信系統(tǒng)

本系統(tǒng)歡迎界面Activity的布局文件是activity_welcome.xml，功能是通過(guò)ImageView控件顯示背景圖片，且在界面下方通過(guò)兩個(gè)Button控件顯示“注冊(cè)”和“登錄”按鈕：12.2.1歡迎界面布局十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)

歡迎界面Activity的實(shí)現(xiàn)文件是WelcomeActivity.java，功能是監(jiān)聽(tīng)用戶單擊屏幕操作，根據(jù)用戶的圖標(biāo)或者按鈕跳轉(zhuǎn)到注冊(cè)界面或者幫助界面。文件WelcomeActivity.java的具體實(shí)現(xiàn)代碼如下所示：12.2.2歡迎界面Activity十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)12.3實(shí)現(xiàn)系統(tǒng)注冊(cè)界面

當(dāng)在歡迎界面單擊“注冊(cè)”按鈕后會(huì)跳轉(zhuǎn)到系統(tǒng)注冊(cè)界面，如圖所示。圖12.2十二、陌陌即時(shí)通信系統(tǒng)

系統(tǒng)注冊(cè)的布局文件是activity_register.xml，功能是在上方顯示注冊(cè)表單供用戶輸入11位手機(jī)號(hào)碼，在下方顯示“返回”和“下一步”按鈕。文件activity_register.xml的具體實(shí)現(xiàn)代碼如下：12.3.1注冊(cè)界面布局十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)

注冊(cè)界面Activity的實(shí)現(xiàn)文件是RegisterActivity.java,功能是監(jiān)聽(tīng)用戶單擊屏幕操作，根據(jù)用戶在表單中輸入的注冊(cè)信息進(jìn)行驗(yàn)證。文件RegisterActivity.java的具體實(shí)現(xiàn)代碼如下所示：12.3.2注冊(cè)界面Activity十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)

如果注冊(cè)手機(jī)號(hào)合法，則彈出驗(yàn)證碼界面。圖12.3十二、陌陌即時(shí)通信系統(tǒng)

輸入驗(yàn)證碼界面Activity的實(shí)現(xiàn)文件是StepVerify.java，功能是驗(yàn)證用戶輸入的驗(yàn)證號(hào)碼是否合法。在本系統(tǒng)中，設(shè)置的固定驗(yàn)證號(hào)碼是“123456”。文件StepVerify.java的具體實(shí)現(xiàn)代碼如下所示：12.3.3輸入驗(yàn)證碼界面十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)

如果輸入的驗(yàn)證碼合法，單擊“下一步”按鈕后會(huì)跳轉(zhuǎn)到設(shè)置密碼界面，在界面上方顯示兩個(gè)文本框供用戶輸入登錄密碼和確認(rèn)密碼，在界面下方顯示“上一步”和“下一步”按鈕，如圖所示。12.3.4設(shè)置密碼界面Activity圖12.4十二、陌陌即時(shí)通信系統(tǒng)

設(shè)置密碼界面Activity的實(shí)現(xiàn)文件是StepSetPassword.java，功能是驗(yàn)證注冊(cè)用戶輸入的兩個(gè)密碼是否完全一致并且在6位以上。文件StepSetPasswrod.java的具體實(shí)現(xiàn)代碼如下：十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)

如果輸入的密碼合法，單擊“下一步”按鈕會(huì)跳轉(zhuǎn)到設(shè)置用戶界面，在界面上顯示一個(gè)文本框供用戶輸入用戶名，顯示一個(gè)單選按鈕供用戶選擇性別，在界面下方顯示“上一步”或“下一步”按鈕，如圖所示。12.3.5設(shè)置用戶界面Activity圖12.5十二、陌陌即時(shí)通信系統(tǒng)

設(shè)置用戶界面Activity的實(shí)現(xiàn)文件是StepBaseInfo.java，功能是驗(yàn)證是否輸入用戶名并選擇性別。文件StepBaseInfo.java的具體實(shí)現(xiàn)代碼如下所示：十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)

如果設(shè)置的用戶名和性別合法，單擊“下一步”按鈕后會(huì)跳轉(zhuǎn)到設(shè)置生日界面，在界面上方顯示年、月、日，供用戶選擇生日，再單擊下方“上一步”和“下一步”按鈕，如圖所示。12.3.6設(shè)置生日界面Activity圖12.6十二、陌陌即時(shí)通信系統(tǒng)

設(shè)置生日界面Activity的實(shí)現(xiàn)文件是StepBirthday.java，功能是驗(yàn)證用戶設(shè)置的年齡的合法性，系統(tǒng)要求的合法年齡范圍在“12~100”歲之間。文件StepBirthday.java的具體實(shí)現(xiàn)代碼如下所示：十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)

如果設(shè)置的年齡合法，單擊“下一步”按鈕后會(huì)跳轉(zhuǎn)到設(shè)置頭像界面，在界面上方顯示選擇圖片按鈕供用戶快速設(shè)置頭像，在界面下方顯示“上一步”和“注冊(cè)”按鈕，如圖所示。12.3.7設(shè)置頭像界面Activity圖12.7十二、陌陌即時(shí)通信系統(tǒng)

設(shè)置頭像界面Activity的實(shí)現(xiàn)文件是StepPhone.java，功能是驗(yàn)證用戶是否設(shè)置了頭像。文件StepPhoto.java的具體實(shí)現(xiàn)代碼如下：十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)12.4實(shí)現(xiàn)系統(tǒng)主界面

當(dāng)用戶輸入合法的注冊(cè)信息登錄陌陌后，會(huì)首先顯示系統(tǒng)主界面。圖12.8十二、陌陌即時(shí)通信系統(tǒng)

系統(tǒng)主界面的布局文件是activity_maintabs.xml，功能是使用TabWidget控件將屏幕界面分割成5個(gè)部分。文件activity_maintabs.xml的具體實(shí)現(xiàn)代碼如下所示：12.4.1主界面布局十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)

主界面Activity的實(shí)現(xiàn)文件是MainTabActivity.java，功能是通過(guò)函數(shù)initTabs()初始化顯示TabWidget控件的內(nèi)容，默認(rèn)設(shè)置為顯示“附近的人”。文件MainTabActivity.java的具體實(shí)現(xiàn)代碼如下所示：12.4.2主界面Activity十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)

在系統(tǒng)主界面中，中間大部分內(nèi)容顯示的是系統(tǒng)附近的人信息，此功能的實(shí)現(xiàn)布局文件是common_bottombar_tab_nearby.xml，具體實(shí)現(xiàn)代碼如下：12.4.3實(shí)現(xiàn)“附近的人”界面十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)

“附近的人”界面Activity的實(shí)現(xiàn)文件是NearByActivity.java，功能是在頂部顯示“附近”和“群組”和“個(gè)人”選項(xiàng)卡，并監(jiān)聽(tīng)用戶單擊屏幕事件，根據(jù)用戶操作執(zhí)行對(duì)應(yīng)的事件處理函數(shù)。例如單擊搜索圖片可以根據(jù)關(guān)鍵字快速檢索附近的人。文件NearByActivity.java的具體實(shí)現(xiàn)代碼如下所示：十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)十二、陌陌即時(shí)通信系統(tǒng)

當(dāng)點(diǎn)擊頂部“群組”選項(xiàng)卡后，會(huì)在系統(tǒng)主界面中間顯示“附近的群組”信息。此功能的實(shí)現(xiàn)布局文件是fragment_nearbygroup.xml，具體實(shí)現(xiàn)代碼如下所示：1