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

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