Android客戶端設(shè)計(jì)方案.ppt

第5章 Android客戶端設(shè)計(jì),倚動(dòng)實(shí)驗(yàn)室,網(wǎng)絡(luò)資源：/book,QQ群（App開(kāi)發(fā)案例教程-清華） ：262779381,CONTENTS,5.1,“豹考通”Android客戶端概述,目錄,5.2,“豹考通”Android客戶端主要功能和流程,5.3,“豹考通”Android客戶端關(guān)鍵技術(shù)分析,5.4,“豹考通”Android客戶端程序結(jié)構(gòu)分析,“豹考通” Android客戶端主要是為了方便Android手機(jī)用戶能夠隨時(shí)隨地查詢志愿報(bào)考相關(guān)信息，主要功能包括： 查詢各個(gè)學(xué)校甚至各個(gè)專業(yè)歷年的錄取線并生成趨勢(shì)圖； 根據(jù)考生高考分?jǐn)?shù)與意向省份推薦學(xué)校； 查詢省份歷年的省控線。 實(shí)現(xiàn)這些功能，必然涉及到大量數(shù)據(jù)的處理，Android客戶端本身并不做大量的數(shù)據(jù)存儲(chǔ)和復(fù)雜的數(shù)據(jù)處理工作，只提供相應(yīng)功能的良好用戶界面，方便用戶選擇或輸入查詢條件，然后向網(wǎng)絡(luò)服務(wù)器發(fā)送請(qǐng)求獲取查詢結(jié)果，最后解析服務(wù)器返回的結(jié)果，并以一種用戶容易理解的方式顯示在手機(jī)上。數(shù)據(jù)的存儲(chǔ)和復(fù)雜的數(shù)據(jù)處理工作全部在服務(wù)器端執(zhí)行。 豹考通IOS端開(kāi)發(fā)需要用到的數(shù)據(jù)庫(kù)表有： 專業(yè)表 地區(qū)表 批次表 科類表 學(xué)校表 省控線表 學(xué)校錄取線表,5.1“豹考通”Android客戶端概述,Android客戶端的主要界面如下圖所示。,圖1主功能界面圖,圖2更新考生基本信息頁(yè)面,主界面中提供了各核心功能之間跳轉(zhuǎn)的接口，能夠快速進(jìn)入相關(guān)頁(yè)面。,該界面用于保存用戶的基本信息，系統(tǒng)根據(jù)用戶信息提供搜索結(jié)果。,圖5-3學(xué)校錄取線查詢結(jié)果,5-4學(xué)校歷年錄取線趨勢(shì)圖,該界面根據(jù)學(xué)校錄取線與省控線差距生成趨勢(shì)圖。,該界面以列表的形式顯示學(xué)校在某一地區(qū)歷年的錄取線信息。,圖5根據(jù)高考成績(jī)推薦學(xué)校,圖6省控線查詢結(jié)果,該界面顯示系統(tǒng)根據(jù)用戶信息和意愿推薦的若干個(gè)最符合要求的院校,該界面顯示省控線查詢結(jié)果,5.2“豹考通”Android客戶端主要功能和流程,“豹考通”Android客戶端主要功能包括用戶注冊(cè)、登錄、注銷、查詢學(xué)校歷年錄取線、根據(jù)學(xué)校歷年錄取線與省控線差值生成錄取線趨勢(shì)圖、查詢學(xué)校投檔線、查詢各省份歷年的省控線、根據(jù)考生分?jǐn)?shù)和考生意向省份等推薦學(xué)校、查詢學(xué)校招生辦聯(lián)系信息以及學(xué)校各專業(yè)負(fù)責(zé)人聯(lián)系信息、填寫和更新考生信息并保存到本地、關(guān)于我們等功能。,圖7“豹考通”Android客戶端功能結(jié)構(gòu)圖,“豹考通”Android客戶端中各功能的跳轉(zhuǎn)主要是通過(guò)主界面來(lái)完成的，通過(guò)主界面可以跳轉(zhuǎn)到查詢錄取線、推薦學(xué)校、查詢省控線和關(guān)于我們等功能界面，“豹考通”Android客戶端主要功能流程圖如圖8所示。,圖8“豹考通”Android客戶端主要功能流程圖,5.3“豹考通”Android客戶端關(guān)鍵技術(shù)分析,通過(guò)Android客戶端主要功能和流程分析可知，“豹考通”軟件Android客戶端所涉及到的關(guān)鍵技術(shù)如下： 各功能界面設(shè)計(jì)和事件處理 功能間切換和頁(yè)面跳轉(zhuǎn) 讀取和更新本地配置信息 Android客戶端與服務(wù)器端交互（發(fā)送請(qǐng)求和獲取結(jié)果） 網(wǎng)絡(luò)服務(wù)器端返回結(jié)果解析（JSON解析） 解析結(jié)果展示（自定義Adapter） 根據(jù)數(shù)據(jù)繪制趨勢(shì)圖（自定義控件）,5.3.1功能界面設(shè)計(jì)和事件處理,“豹考通”Android客戶端各主要功能界面都保持一致的界面風(fēng)格，頂部為一排核心功能按鈕，方便切換，底部為顯示宣傳信息的文本框，中間則顯示界面的核心內(nèi)容。其中頂部和底部?jī)?nèi)容是固定不變的，而中間部分則會(huì)根據(jù)功能不同而有所區(qū)別。對(duì)于中間部分，又可以分為兩種類型，一種是顯示查詢界面，方便用戶輸入或選擇查詢條件；一種是顯示查詢結(jié)果界面。 第一種類型界面中通常包含一個(gè)標(biāo)題，然后通過(guò)表格布局來(lái)存放各個(gè)選擇或輸入控件，具體分析如圖9所示。,圖5-9 “豹考通”核心功能界面分析,圖5-10 界面中中間內(nèi)容分析,第二種類型界面中通常包含一個(gè)標(biāo)題，用于表示該界面顯示的是什么信息，然后是列表的標(biāo)題，最后是具體的每一項(xiàng)信息，如圖10所示。,“豹考通”中事件處理主要涉及到按鈕的單擊事件、下拉列表的選中事件、以及列表對(duì)話框的選中事件等，對(duì)于按鈕的單擊事件主要采用直接綁定到標(biāo)簽的方式處理，而其它事件則通過(guò)相應(yīng)的事件監(jiān)聽(tīng)器來(lái)處理。,在Android中，功能間切換和頁(yè)面跳轉(zhuǎn)通常有兩種方式： 修改當(dāng)前的布局文件或改變其內(nèi)容； 創(chuàng)建一個(gè)新的Activity覆蓋當(dāng)前的Activity或銷毀當(dāng)前的Activity。 “豹考通”軟件中，各主要功能界面風(fēng)格一致，有相同的框架，僅僅中間部分內(nèi)容不同，因此采用前者較多，使用一個(gè)布局占位，每個(gè)功能界面使用一個(gè)Fragment來(lái)表示，然后將Fragment嵌入到主界面中間部分的那個(gè)用于占位的布局中，當(dāng)需要實(shí)現(xiàn)功能切換時(shí)，則用新功能的Fragment替換原來(lái)的Fragment。而對(duì)于界面風(fēng)格差異較大的頁(yè)面，則采用第二種方式，每個(gè)功能界面使用一個(gè)Activity表示，當(dāng)需要切換時(shí)，則啟動(dòng)一個(gè)新的Activity覆蓋原來(lái)的Activity。需注意的是每個(gè)Activity都必須在清單文件中注冊(cè)。,5.3.2功能間切換和頁(yè)面跳轉(zhuǎn),“豹考通”軟件第一次啟動(dòng)時(shí)需要用戶填寫個(gè)人基本信息，后面再打開(kāi)該軟件則直接跳轉(zhuǎn)到主界面并讀取用戶信息，因此軟件啟動(dòng)時(shí)需要判斷用戶是不是第一次啟動(dòng)軟件。通常做法是提供一個(gè)布爾類型變量標(biāo)記是否第一次啟動(dòng)，由于每次軟件啟動(dòng)后，程序都會(huì)重新執(zhí)行，上一次在程序中標(biāo)記的內(nèi)容，下一次啟動(dòng)時(shí)會(huì)重置，達(dá)不到判斷的目的。如果想讓上一次啟動(dòng)時(shí)，對(duì)軟件的操作影響到下一次，則需要把相關(guān)內(nèi)容進(jìn)行持久化保存，即保存到本地文件中，然后每次啟動(dòng)時(shí)，都從本地文件中讀取相關(guān)內(nèi)容，這樣就可以達(dá)到多次啟動(dòng)軟件共享信息的目的。 在Android中，將內(nèi)容保存到本地文件有多種方式： 通過(guò)流來(lái)操作本地文件，通過(guò)輸入流讀取文件，通過(guò)輸出流將內(nèi)容寫入到文件； 通過(guò)SharedPreferences保存一些簡(jiǎn)單的鍵值對(duì)信息，系統(tǒng)將這些信息自動(dòng)保存到相應(yīng)的xml文件中，通過(guò)SharedPreference讀取內(nèi)容，通過(guò)其內(nèi)部接口Editor寫入內(nèi)容； 通過(guò)SQLite數(shù)據(jù)庫(kù)來(lái)保存數(shù)據(jù)，通常是一些結(jié)構(gòu)較為復(fù)雜的數(shù)據(jù)，通過(guò)數(shù)據(jù)庫(kù)封裝類SQLiteDatabase來(lái)執(zhí)行相應(yīng)的增刪查改操作。,5.3.3讀取和更新本地配置信息,Android客戶端與服務(wù)器端交互方式通常有兩種： 直接采用Android內(nèi)置的HttpClient發(fā)送HTTP請(qǐng)求和獲取HTTP響應(yīng)； 利用ksoap2-android項(xiàng)目，調(diào)用服務(wù)器端提供的WebService。 “豹考通”項(xiàng)目中采用第一種方式，通過(guò)HttpClient與服務(wù)器端進(jìn)行交互。HttpClient是Apache開(kāi)源組織提供的一個(gè)項(xiàng)目，HttpClient開(kāi)發(fā)過(guò)程中所涉及的類主要包含以下幾個(gè)：,5.3.4Android客戶端與服務(wù)器端交互,n HttpClient n HttpGet n HttpPost n HttpResponse n HttpEntity,圖11 HttpClient發(fā)送請(qǐng)求的過(guò)程（get請(qǐng)求）,這些類又是如何協(xié)同工作共同來(lái)完成Http請(qǐng)求和獲取響應(yīng)信息的呢？,圖11 HttpClient發(fā)送請(qǐng)求的過(guò)程（post請(qǐng)求）,這些類又是如何協(xié)同工作共同來(lái)完成Http請(qǐng)求和獲取響應(yīng)信息的呢？,無(wú)論是使用HttpGet，還是使用HttpPost，都必須通過(guò)以下3步來(lái)訪問(wèn)HTTP資源:,1、創(chuàng)建HttpGet或HttpPost對(duì)象，將需請(qǐng)求的URL通過(guò)構(gòu)造方法傳入HttpGet或HttpPost對(duì)象。 2、使用DefaultHttpClient類的execute()方法發(fā)送HTTP GET或HTTP POST請(qǐng)求，并返回HttpResponse對(duì)象。 3、通過(guò)HttpResponse接口的getEntity()方法返回響應(yīng)信息，并進(jìn)行相應(yīng)的處理。,注意：如果使用HttpPost提交HTTP POST請(qǐng)求，還需要使用HttpPost類的setEntity()方法設(shè)置請(qǐng)求參數(shù)。訪問(wèn)網(wǎng)絡(luò)時(shí)，需要在清單文件中添加訪問(wèn)網(wǎng)絡(luò)的權(quán)限，此外，在Android高版本中（Android3.0以上），將訪問(wèn)網(wǎng)絡(luò)看做是一種較為耗時(shí)的操作，不能直接在主線程中訪問(wèn)網(wǎng)絡(luò)，需要單獨(dú)啟動(dòng)線程或通過(guò)異步任務(wù)來(lái)訪問(wèn)網(wǎng)絡(luò)。,5.3.5 網(wǎng)絡(luò)服務(wù)器端返回結(jié)果解析JSON解析,服務(wù)器端響應(yīng)客戶端請(qǐng)求返回結(jié)果的表示方式有多種，既可以是具體的HTML頁(yè)面、也可以是存儲(chǔ)結(jié)構(gòu)化數(shù)據(jù)的XML文件，還可以是JSON格式的字符串等等?！氨纪ā表?xiàng)目中，客戶端與服務(wù)器端數(shù)據(jù)交互采用JSON格式，通過(guò)谷歌提供的第三方Jar包GSON來(lái)實(shí)現(xiàn)JSON格式字符串的生成和解析。 JSON（JavaScript Object Notation）JavaScript對(duì)象符號(hào)，是一種輕量級(jí)的數(shù)據(jù)交換格式，JSON采用完全獨(dú)立于語(yǔ)言的文本格式，既易于人閱讀和編寫，同時(shí)也易于機(jī)器解析和生成。JSON中主要有兩種數(shù)據(jù)結(jié)構(gòu): 由key-value對(duì)組成的數(shù)據(jù)結(jié)構(gòu)，這種結(jié)構(gòu)在不同語(yǔ)言中有不同的實(shí)現(xiàn)，例如在C語(yǔ)言中是一個(gè)struct，在Java中是一種Map結(jié)構(gòu)，在JavaScript中則是一個(gè)對(duì)象等。 有序集合，這種數(shù)據(jù)結(jié)構(gòu)在不同語(yǔ)言中，可能是列表、集合、數(shù)組等實(shí)現(xiàn)。,“豹考通”項(xiàng)目中使用Google提供的GSON來(lái)實(shí)現(xiàn)Java 對(duì)象和 JSON 數(shù)據(jù)之間轉(zhuǎn)化，Java對(duì)象與JSON數(shù)據(jù)之間的轉(zhuǎn)化主要包含兩種： 將Java對(duì)象轉(zhuǎn)換成JSON格式，只需要調(diào)用GSON對(duì)象的toJson()方法，并將Java對(duì)象作為參數(shù)傳遞即可； 將JSON格式的字符串轉(zhuǎn)換成一個(gè)Java對(duì)象，只需要調(diào)用GSON對(duì)象的fromJson()方法，傳遞兩個(gè)參數(shù)，一個(gè)是需要轉(zhuǎn)換的JSON格式的字符串，一個(gè)是需要轉(zhuǎn)換的對(duì)象的類型。詳細(xì)代碼會(huì)在后面的具體模塊實(shí)現(xiàn)部分列出。,5.3.5 網(wǎng)絡(luò)服務(wù)器端返回結(jié)果解析JSON解析,5.3.6 解析結(jié)果展示-自定義Adapter,“豹考通”項(xiàng)目中大部分是實(shí)現(xiàn)查詢功能，查詢結(jié)果往往不止一條，因此，返回結(jié)果解析出來(lái)后往往是某個(gè)對(duì)象的集合。Android中，展示集合最好的方式就是使用Spinner（下拉列表）、ListView（列表）、GridView等列表控件，這些控件有一個(gè)共同的特征就是本身不與數(shù)據(jù)關(guān)聯(lián)，需要借助于中介Adapter，Adapter用于指定控件中顯示的數(shù)據(jù)來(lái)源，以及各項(xiàng)信息內(nèi)容以及信息顯示的樣式如大小、顏色、位置等，然后通過(guò)控件的setAdapter()方法將控件與Adapter關(guān)聯(lián)起來(lái)。 Android中針對(duì)ListView的一些常見(jiàn)用法提供了相應(yīng)的Adapter，主要包括ArrayAdapter、SimpleAdapter、BaseAdapter、CursorAdapter等，Adapter層次結(jié)構(gòu)如圖12所示。,圖12 Adapter層次結(jié)構(gòu)圖,ArrayAdapter適合于列表項(xiàng)中只包含一個(gè)文本的情景，SimpleAdapter比較適合于列表項(xiàng)結(jié)構(gòu)較為復(fù)雜的情景，CursorAdapter比較適合于將數(shù)據(jù)庫(kù)中查詢的結(jié)果轉(zhuǎn)為列表的情形。由于“豹考通”項(xiàng)目中結(jié)果通常是某個(gè)對(duì)象的集合，而SimpleAdapter中的數(shù)據(jù)源中每一項(xiàng)是一個(gè)Map對(duì)象，轉(zhuǎn)換起來(lái)較為繁瑣，此外SimpleAdapter難以實(shí)現(xiàn)奇偶項(xiàng)表現(xiàn)形式不同的效果，因此項(xiàng)目中大部分的Adapter采用自定義Adapter，即從BaseAdapter繼承而來(lái)，實(shí)現(xiàn)以下幾個(gè)抽象方法。 getView()：返回列表中每一項(xiàng)顯示的視圖，可以是一個(gè)結(jié)構(gòu)復(fù)雜的布局對(duì)應(yīng)的View，也可以是簡(jiǎn)單的TextView或ImageView； getCount()：返回列表中項(xiàng)的個(gè)數(shù)，根據(jù)這個(gè)值循環(huán)填充列表； getItemId()：返回指定項(xiàng)的ID； getItem()：返回指定項(xiàng)的對(duì)象。 其中g(shù)etView()方法和getCount()方法最為關(guān)鍵，通過(guò)getCount()方法即可知道列表中一共有多少項(xiàng)，然后通過(guò)getCount()次循環(huán)調(diào)用getView()方法，獲取每一項(xiàng)數(shù)據(jù)，并將每一項(xiàng)信息添加到ListView中即可形成包含數(shù)據(jù)的列表。,5.3.7 繪制趨勢(shì)圖自定義控件,在Android中繪制相關(guān)圖表，可引用第三方Jar包，也可以通過(guò)自定義控件根據(jù)內(nèi)容進(jìn)行繪制和顯示。最常見(jiàn)的繪制圖表的第三方開(kāi)源框架就是AchartEngine，由于“豹考通”項(xiàng)目中只需要繪制簡(jiǎn)單的折線圖，在此直接采用自定義控件的方式來(lái)繪制折線。 由于學(xué)校每年的錄取線與當(dāng)年的省控線有關(guān)，每年的錄取線絕對(duì)值可能差別很大，但是錄取線相對(duì)于省控線的差值則非常相近，因此繪制時(shí)繪制的是錄取線相對(duì)于省控線的差值的趨勢(shì)圖。為了使折線圖在不同尺寸手機(jī)上的效果大致相同，繪制折線時(shí)盡量避免使用絕對(duì)位置，推薦根據(jù)手機(jī)尺寸計(jì)算相對(duì)值。 例如根據(jù)需要顯示的數(shù)據(jù)個(gè)數(shù)來(lái)平均分割橫坐標(biāo)，取最大值和最小值的平均值作為中線，然后根據(jù)控件高度來(lái)計(jì)算每個(gè)單位所對(duì)應(yīng)的高度，比平均值大則位于中線的上方，比平均值小則位于中線的下方，具體的高或低多少則根據(jù)單位像素乘以總的差值。,5.4“豹考通”Android客戶端程序結(jié)構(gòu)分析,“豹考通”Android客戶端程序源碼結(jié)構(gòu)如圖13所示。,圖13 “豹考通”Android客戶端程序源碼,圖14 NewScore項(xiàng)目程序文件結(jié)構(gòu)圖,“豹考通”各主要功能和業(yè)務(wù)邏輯實(shí)現(xiàn)包含在NewScore項(xiàng)目中，該項(xiàng)目的程序文件結(jié)構(gòu)以及各文件的功能說(shuō)明如圖14所示。程序源文