【行業(yè)認證·權(quán)威頭銜】? 華為云天團核心成員特約編輯/云享專家/開發(fā)者專家/產(chǎn)品云測專家? 開發(fā)者社區(qū)全滿貫CSDN博客商業(yè)化雙料專家/阿里云簽約作者/騰訊云內(nèi)容共創(chuàng)官/掘金亞馬遜51CTO頂級博主? 技術(shù)生態(tài)共建先鋒橫跨鴻蒙、云計算、AI等前沿領(lǐng)域的技術(shù)布道者【榮譽殿堂】 連續(xù)三年蟬聯(lián)華為云十佳博主2022-2024 雙冠加冕CSDN年度博客之星TOP220222023 十余個技術(shù)社區(qū)年度杰出貢獻獎得主【知識寶庫】覆蓋全棧技術(shù)矩陣? 編程語言.NET/Java/Python/Go/Node…? 移動生態(tài)HarmonyOS/iOS/Android/小程序? 前沿領(lǐng)域物聯(lián)網(wǎng)/網(wǎng)絡(luò)安全/大數(shù)據(jù)/AI/元宇宙? 游戲開發(fā)Unity3D引擎深度解析文章目錄前言一、功能預(yù)覽及架構(gòu)1.加載、美食、醫(yī)療功能預(yù)覽2.購物、景點、娛樂功能預(yù)覽3.搜索、設(shè)置功能預(yù)覽4.項目目錄結(jié)構(gòu)前言本章將介紹的是Android應(yīng)用程序掌上杭州的開發(fā)。掌上杭州主要有首頁、搜索、設(shè)置3大主項其中首頁包含美食、景點、住宿、醫(yī)療、娛樂、購物設(shè)置中包含了設(shè)置字體、關(guān)于和幫助搜索中可方便地搜索當(dāng)前應(yīng)用中的信息。接下來將對掌上杭州進行詳細的介紹。一、功能預(yù)覽及架構(gòu)本應(yīng)用適合于 Android 應(yīng)用使用能夠為用戶提供方便快捷的各種服務(wù)便于用戶快速了解杭州。這一節(jié)將介紹掌上杭州的基本功能預(yù)覽以及總架構(gòu)通過對本節(jié)的學(xué)習(xí)讀者將對掌上杭州的架構(gòu)有一個大致的了解。1.加載、美食、醫(yī)療功能預(yù)覽在這一小節(jié)將通過軟件的執(zhí)行順序用圖文敘述的方式詳細為讀者介紹加載、美食、醫(yī)療的基本功能預(yù)覽。美食版塊包含了多個界面相對于其他版塊而言比較重要。讀者可多花點時間分析、總結(jié)。下面將一一介紹請讀者仔細閱讀。1打開本軟件后首先進入掌上杭州的加載界面效果如圖所示。在加載過程中本應(yīng)用所需要的資源文件都將被解壓到 SD 卡中的指定位置。待加載完成后后面對資源信息的查看便不再重新進行加載工作避免重復(fù)性操作的問題提高程序的運行速度。2加載完成后進入主界面默認首頁的界面如圖所示?？梢酝ㄟ^單擊不同的按鈕跳轉(zhuǎn)到不同的模塊界面?？梢詥螕舭粹o上方的動畫切換到具體的介紹界面單擊介紹文本上方的圖片會放大景點的圖片可以左右地滑動。如圖所示。3單擊首頁中的美食按鈕會切換到美食主界面如圖所示?？梢赃x擇美食列表選項瀏覽杭州的各種美食也可單擊動畫圖片到具體的介紹界面。單擊風(fēng)味名菜切換到分類美食的界面見圖單擊東坡肉切換到美食具體介紹界面見圖單擊圖片放大圖片見圖。4單擊圖 3-8 左上方標(biāo)題欄按鈕進行店面選擇見圖單擊店名可以定位位置也可進行駕車搜索、公交搜索、步行搜索見圖。用戶單擊駕車搜索會切換到路線規(guī)劃界面見圖用戶還可以單擊模擬導(dǎo)航按鈕或真實導(dǎo)航按鈕在地圖上顯示導(dǎo)航動畫如圖所示。5用戶可以單擊公交搜索切換到公交線路界面如圖所示顯示出到達目的地的幾種方案用戶還可以單擊中間的文本查看具體的乘坐公交方案如圖所示。單擊左方按鈕進入地圖公交導(dǎo)航可以單擊下方的左右圖標(biāo)查看線路如圖所示。6用戶可單擊步行搜索切換到步行導(dǎo)航界面可以單擊下方的左右向圖標(biāo)在彈出來的對話框中查看步行線路節(jié)點提示信息如圖所示用戶可以根據(jù)彈出來的對話框中的提示信息到達用戶目的地。7用戶可以單擊首頁上的醫(yī)療按鈕切換到醫(yī)院的列表選項見圖選擇相應(yīng)的醫(yī)院列表選項切換到具體介紹醫(yī)院的界面見圖。在這個界面上可以上下滑動介紹文本也可以單擊標(biāo)題框右邊的地圖按鈕會為用戶提供地圖導(dǎo)航功能。2.購物、景點、娛樂功能預(yù)覽上一小節(jié)為讀者介紹了加載、美食、醫(yī)療的基本功能預(yù)覽這一小節(jié)將為讀者介紹購物、景點、娛樂功能預(yù)覽。通過界面的預(yù)覽讀者可能已經(jīng)發(fā)現(xiàn)這幾個版塊都是大同小異的因此在后面的章節(jié)里讀者可比較其異同。下面將一一介紹請讀者仔細閱讀。1用戶可以單擊首頁上的購物按鈕進入到購物的圖標(biāo)選項列表見圖可以選擇單擊一個購物商場進入具體介紹商場的界面見圖在這個界面可以上下滑動介紹文本來查看介紹內(nèi)容也可以單擊標(biāo)題框的地圖按鈕來進行地圖導(dǎo)航到達此商場。2用戶可以單擊首頁上的娛樂按鈕則會切換到娛樂界面見圖默認的界面是 KTV 界面在這個界面上可以單擊標(biāo)題框下面的 KTV、酒吧、影院、俱樂部按鈕到相應(yīng)的界面也可以左右滑動到下一個界面。3用戶單擊圖中的圖表選項會切換到具體介紹的界面見圖在這個界面中含有該娛樂場所的圖片還有文本簡介文本簡介可以左右滑動。用戶也可以單擊標(biāo)題框右邊的地圖按鈕切換到地圖導(dǎo)航地圖導(dǎo)航包括駕車、公交、步行搜索方便快捷地到達目的地。4用戶單擊首頁中的住宿按鈕切換到住宿的界面見圖單擊圖表選項按鈕會切換到具體的酒店介紹的界面見圖這個界面有圖片介紹也有文本介紹。用戶可以單擊標(biāo)題框上的訂房按鈕可以方便地到酒店的官網(wǎng)來預(yù)訂房間見圖。5用戶單擊首頁中的景點按鈕切換到景點界面圖該界面提供了當(dāng)前景點、所有景點、鎖定位置、拍照及切換地圖等功能按鈕。本軟件把杭州的西湖十景及西湖新十景顯示在地圖中用戶可以單擊地圖氣泡彈出窗體。6用戶單擊景點主界面見圖中的窗體切換到具體介紹景點的界面見圖。在具體介紹界面用戶可以上下滑動簡介文本來查看景點的介紹信息也可以左右滑動圖片來欣賞景點的風(fēng)景可以單擊圖片放大欣賞還可以單擊放大縮小按鈕來調(diào)整字體大小。7用戶可以單擊景點主頁中的所有景點按鈕切換到所有景點的界面見圖在圖標(biāo)列表選項中可以上下滑動來查看圖標(biāo)選項圖表列表上可以顯示圖片及名字單擊圖表選項按鈕切換到具體介紹界面見圖。8用戶可以單擊景點主頁中的鎖定位置按鈕這大大減少了游客杭州游玩時不知道自己位置的煩惱在戶外單擊鎖定位置按鈕就會鎖定當(dāng)前游客的位置為用戶出行提供了方便。9用戶可以單擊景點首頁中的拍照快捷按鈕在用戶出行游玩的時候本軟件提供了一個快捷的拍照按鈕避免了用戶在使用本軟件的同時遇到美景想拍照還需打開照相機的煩惱直接單擊拍照按鈕進行拍照為用戶提供了極大的方便。10在本應(yīng)用中為了防止用戶誤按下手機上的返回鍵而帶來不必要的麻煩我們對手機的返回監(jiān)聽鍵進行了監(jiān)聽。如果被單擊就會彈出對話框進行詢問如果用戶是不小心單擊的返回鍵就不會誤退了如圖所示。11景點的首頁中用戶可以單擊首頁左下角的地圖切換按鈕我們提供了兩種地圖模式默認的是打開的模式。單擊地圖切換按鈕會切換到衛(wèi)星地圖模式在這種模式下用戶可以查看地形。12在景點首頁用戶還可以單擊更多按鈕彈出對話框單擊分享首先是進行微博授權(quán)授權(quán)完后進入微博分享界面。用戶可以選擇手機相冊也可拍照、選擇圖片進行分享如圖所示。13在景點主頁的更多對話框中用戶可以通過建議反饋功能及時將自己的意見或建議進行反饋提醒用戶最多能輸入 500 個字從而使軟件不斷優(yōu)化也為用戶帶來更加優(yōu)質(zhì)的服務(wù)與不一樣的體驗見圖。14在更多對話框中用戶可以單擊語言選擇功能按鈕。在本景點版塊中提供了簡體中文與英文兩種語言選項增強了國際化競爭的能力默認的是簡體中文。如果選中英文English則會在英文后面出現(xiàn)選中狀態(tài)下的一個對鉤。15景點的首頁中用戶可以單擊更多對話框中的關(guān)于按鈕這是在景點版塊中的一個對話框會為用戶介紹本景點版塊的一些簡介?？梢詥螕粲疑辖堑牟嫣柾顺鲞@個關(guān)于對話框簡介。16用戶可以單擊對話框中的分享周邊按鈕則會切換到城市搜索界面圖可以在第一個與第二個編輯框中填入城市與興趣點單擊開始就會在地圖中顯示 10 個興趣點單擊下一組會顯示另外 10 個也可切換地圖還可以單擊地圖氣泡顯示信息。說明在景點版塊中如果用戶在戶外條件下進入某個景點的范圍即可單擊當(dāng)前景點按鈕進入到具體介紹界面如果沒有進入某個景點的范圍單擊景點按鈕則會提醒用戶當(dāng)前無景點為用戶提供了極大的出行方便。3.搜索、設(shè)置功能預(yù)覽上一小節(jié)為讀者介紹了購物、景點、娛樂的基本功能預(yù)覽這一小節(jié)將為讀者介紹搜索、設(shè)置模塊的功能預(yù)覽。其中包括搜索的滑動界面以及搜索框還有設(shè)置中對字體大小、顏色、風(fēng)格的設(shè)置。還包含了使用幫助和關(guān)于軟件的展示。1在本應(yīng)用中的搜索版塊為用戶提供了可以搜索本應(yīng)用信息的快捷服務(wù)在這里用戶可以避免頻繁地去單擊按鈕來查找服務(wù)的界面可以直接在搜索框中搜索而搜索提供了聯(lián)想搜索功能也可以左右上下滑動下方的列表來查找用戶需要的信息如圖 3-35 所示。2在本應(yīng)用中的設(shè)置版塊為用戶提供了設(shè)置字體、使用幫助、關(guān)于軟件等功能。在設(shè)置字體功能按鈕中我們可以對本軟件的字體的顏色、大小、樣式進行設(shè)置并且提供了多種字體大小、顏色與樣式為用戶帶來不一樣的體驗如圖所示。3在本應(yīng)用中的設(shè)置版塊中用戶可以單擊使用幫助功能按鈕來幫助用戶在短時間內(nèi)了解本軟件使用方法避免了一些不必要的麻煩也為游客帶來了方便見圖用戶還可以單擊關(guān)于軟件來了解本軟件的功能特色見圖。4.項目目錄結(jié)構(gòu)上一節(jié)是掌上杭州的功能展示下面將介紹掌上杭州項目的目錄結(jié)構(gòu)。在進行本應(yīng)用開發(fā)之前還需要對本項目的目錄結(jié)構(gòu)有大致的了解便于讀者對掌上杭州整體的理解具體內(nèi)容如下。1首先介紹的是掌上杭州所有的 Java 文件的目錄結(jié)構(gòu)Java 文件根據(jù)內(nèi)容分別放入指定包內(nèi)便于程序員對各個文件的管理和維護具體結(jié)構(gòu)如圖 3-41 所示。2上面介紹的是本項目 Java 文件的目錄結(jié)構(gòu)下面將介紹掌上杭州中需要的圖片資源文件的目錄結(jié)構(gòu)內(nèi)容如圖 3-42 所示。3上面介紹了本項目中圖片資源等的目錄結(jié)構(gòu)下面將繼續(xù)介紹掌上杭州的項目連接文件的目錄結(jié)構(gòu)內(nèi)容如圖 3-43 所示。4上面介紹了掌上杭州的項目所有配置連接文件的目錄結(jié)構(gòu)下面將繼續(xù)介紹本項目中項目配置文件的目錄結(jié)構(gòu)內(nèi)容如圖 3-44 所示。5上面介紹了本項目所有配置連接文件的目錄結(jié)構(gòu)下面將介紹本項目 libs 目錄結(jié)構(gòu)該目錄下存放的是百度地圖與郵件開發(fā)需要的 jar 包和 so 動態(tài)庫。讀者在學(xué)習(xí)或開發(fā)時可根據(jù)具體情況在本項目中復(fù)制或在百度地圖官網(wǎng)上下載效果如圖 3-45 所示。6上面介紹了掌上杭州的 libs 目錄結(jié)構(gòu)下面將介紹本項目存儲資源目錄結(jié)構(gòu)該目錄下存放的是本項目所需要的資源數(shù)據(jù)包、百度導(dǎo)航所需的文件以及各種字體庫。在使用百度導(dǎo)航時assets目錄下的BaiduNaviSDK_Resource_v1_0_0.png和channel文件必須存在效果如圖 3-46 所示。說明上述介紹了掌上杭州的目錄結(jié)構(gòu)圖包括程序源代碼、程序所需圖片、xml 文件和程序配置文件使讀者對掌上杭州的程序文件有了清晰的了解。