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

目錄12.1

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

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

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

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

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

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

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

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

如果注冊手機號合法，則彈出驗證碼界面。圖12.3十二、陌陌即時通信系統(tǒng)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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