用戶界面設(shè)計(jì)說(shuō)明書版本號(hào)：3.0-5-基于Android的手機(jī)運(yùn)動(dòng)APP的設(shè)計(jì)目錄1 引言 -3-1.1編寫目的 -3-1.2Android語(yǔ)言的發(fā)展史 -4-1.3搭建Android開發(fā)環(huán)境 -6-1.4Android常用工具的使用 -7-1.4.1命令行的使用 -7-1.5Android運(yùn)動(dòng)app的工程 -9-1.5.1Android項(xiàng)目 -9-1.6參考資料 -9-2 應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范 -10-2.1 用戶界面設(shè)計(jì)原則 -10-2.2 界面一致性 -11-2.2.1 顯示信息一致性標(biāo)準(zhǔn) -11-2.2.2 布局合理化原則 -12-2.2.3 鼠標(biāo)與鍵盤對(duì)應(yīng)原則 -12-3 APP界面需求分析 -13-3.1開始界面的需求分析 -13-3.2分享界面的需求分析 -14-3.3用戶功能需求分析 -15-4概要設(shè)計(jì) -22-4.1結(jié)構(gòu)設(shè)計(jì) -22-4.1.1系統(tǒng)結(jié)構(gòu)圖 -22-5界面設(shè)計(jì) -23-5.1主要界面的實(shí)現(xiàn) -23-引言1.1編寫目的當(dāng)今社會(huì)的生活節(jié)奏越來(lái)越快，隨著硬件移動(dòng)設(shè)備的越來(lái)越先進(jìn)，人們對(duì)移動(dòng)設(shè)備的要求也越來(lái)越高，從以前的追求技術(shù)到現(xiàn)在的追求視覺，因此，也逐步的提高了對(duì)系統(tǒng)的要求，本文主要是對(duì)Android系統(tǒng)上一的款運(yùn)動(dòng)APP應(yīng)用程序的設(shè)計(jì)與實(shí)現(xiàn)進(jìn)行討論。Android是一個(gè)開源的系統(tǒng)，它底層是基于Linux的操作系統(tǒng)，本論文的運(yùn)動(dòng)APP采用了Android開源系統(tǒng)技術(shù)，利用Java語(yǔ)言和Eclipse編輯工具對(duì)播放器進(jìn)行編寫。同時(shí)給出了詳細(xì)的系統(tǒng)設(shè)計(jì)過(guò)程、部分界面圖及主要功能運(yùn)行流程圖，本文還對(duì)高度過(guò)程中遇到的問(wèn)題和解決方法進(jìn)行了詳細(xì)的討論，該運(yùn)動(dòng)APP集計(jì)時(shí)，秒表，心跳速率，統(tǒng)計(jì)步數(shù)等功能于一體，性能良好，在Android系統(tǒng)中能獨(dú)立運(yùn)行。1.2Android語(yǔ)言的發(fā)展史Android是運(yùn)行于Linuxkernel之上，但并不是GNU/Linux。因?yàn)樵谝话鉍NU/Linux里支持的功能，Android大都沒(méi)有支持，包括Cairo、X11、Alsa、FFmpeg、GTK、Pango及Glibc等都被移除掉了。Android又以bionic取代Glibc、以Skia取代Cairo、再以opencore取代FFmpeg等等。Android為了達(dá)到商業(yè)應(yīng)用，必須移除被GNUGPL授權(quán)證所約束的部份，例如Android將驅(qū)動(dòng)程序移到userspace，使得Linuxdriver與Linuxkernel徹底分開。bionic/libc/kernel/并非標(biāo)準(zhǔn)的kernelheaderfiles。Android的kernelheader是利用工具由Linuxkernelheader所產(chǎn)生的，這樣做是為了保留常數(shù)、數(shù)據(jù)結(jié)構(gòu)與宏。目前Android的Linuxkernel控制包括安全（Security），存儲(chǔ)器管理（MemoryManagement），程序管理（ProcessManagement），網(wǎng)絡(luò)堆棧（NetworkStack），驅(qū)動(dòng)程序模型（DriverModel）等。下載Android源碼之前，先要安裝其構(gòu)建工具Repo來(lái)初始化源碼。Repo是Android用來(lái)輔助Git工作的一個(gè)工具。2008年9月22日，美國(guó)運(yùn)營(yíng)商德國(guó)在紐約正式發(fā)布第一款A(yù)ndroid手機(jī)——T-MobileG1。該款手機(jī)為臺(tái)灣宏達(dá)電(HTC)代工制造，是世界上第一部使用Android操作系統(tǒng)的手機(jī)，支持WCDMA/HSPA網(wǎng)絡(luò)，理論下載速率7.2Mbps，并支持Wi-Fi。2009年10月28日正式發(fā)布了Android2.0

智能手機(jī)操作系統(tǒng)。2010年1月索尼愛立信首款A(yù)ndroid機(jī)型X10上市。2010年1月7日，Google在其美國(guó)總部正式向外界發(fā)布了旗下首款合作品牌手機(jī)NexusOne（HTCG5），并同時(shí)開始對(duì)外發(fā)售。2010年7月9日，美國(guó)NDP集團(tuán)調(diào)查顯示，Android系統(tǒng)已占據(jù)了美國(guó)移動(dòng)系統(tǒng)市場(chǎng)28%的份額。北京時(shí)間3月25日，據(jù)國(guó)外媒體報(bào)道，谷歌周四表示，谷歌暫停開源Android3.0，并將暫時(shí)阻止小型手機(jī)生產(chǎn)商使用其Android3.0“Honeycomb”系統(tǒng)，期限未定。谷歌一位發(fā)言人通過(guò)電子郵件聲明稱，Honeycomb是專為平板電腦而非手機(jī)設(shè)計(jì)的，在該系統(tǒng)以開源形式發(fā)布前，還有很多工作要做。谷歌向《商業(yè)周刊》表示，推遲發(fā)布可能達(dá)數(shù)月之久。谷歌稱：“代號(hào)為Honeycomb的Android3.0系統(tǒng)，是針對(duì)大屏幕設(shè)備和改進(jìn)小軟件、多任務(wù)、瀏覽、通知和客戶化等功能而設(shè)計(jì)。雖然我們很高興為平板電腦提供這些新功能，但交付給其他設(shè)備包括手機(jī)前我們有更多的工作要做。我們決定暫不開放源代碼。我們致力于將Android作為跨多設(shè)備類型的開放式平臺(tái)來(lái)提供，并在準(zhǔn)備好時(shí)公布源代碼”。這意味著小型手機(jī)制造商要使用Honeycomb將不得不等待一段時(shí)間。不過(guò)大型設(shè)備商如HTC和摩托羅拉，已經(jīng)可以使用。這些設(shè)備制造商一般安裝在平板電腦中。對(duì)此，谷歌工程副總裁和Android主管安迪·魯賓（AndyRubin）表示：“為了制定平板電腦出貨的時(shí)間表，我們進(jìn)行了一些折衷設(shè)計(jì)。我們不想思考如何在手機(jī)上運(yùn)行同一個(gè)軟件”。魯賓還表示，谷歌不想冒險(xiǎn)“帶來(lái)非常糟糕的用戶體驗(yàn)”。在發(fā)布Honeycomb時(shí)，谷歌發(fā)言人稱，目前是專為平板電腦設(shè)計(jì)，“以后這些功能將推廣到手機(jī)上。手機(jī)版的新Android，可能不會(huì)被叫做“Honeycomb”，也可能是與3.0不同的版本?！?.3搭建Android開發(fā)環(huán)境任何事物要運(yùn)行，都要有它的環(huán)境，Android也有它的環(huán)境才能夠運(yùn)行，下面介紹Android的開發(fā)環(huán)境配置.搭建開發(fā)環(huán)境需要的軟件：操作系統(tǒng)：Windows8軟件包：AndroidSDK(SoftwareDevelopmentkitJavaDevelopmentkit)、ADT(AndroidDeveloopmentTool)IDE環(huán)境：EclipseIDE+ADTEclipse3.3以上JDK：JavaRuntimeEnvironment虛擬機(jī)、(JDK)JavaDevelopmentkit安裝步驟如下：第一步：安裝Java虛擬機(jī)sun-java6-jdk版本第二步：安裝Eclipse3.5工具官網(wǎng)/downloads/選擇版本：進(jìn)行安裝第三步：安裝AndroidSDK：首先要下載SDK，可以在這個(gè)網(wǎng)址下載Http:///sdk，選擇相應(yīng)的系統(tǒng)進(jìn)行安裝第四步：安裝AndroidADT插件運(yùn)行Eclipse，選擇help->installnewsoftware選擇add，將會(huì)彈出一個(gè)框，點(diǎn)擊OK，選擇要安裝的軟件，占next，然后選擇接受協(xié)議，直到安裝成功，重啟Eclipse軟件，設(shè)置AndroidSDKHome，Window->refrence，在SDKlocation中輸入SDKTools路徑：D:\androidsoftware\android-sdk-windows點(diǎn)擊OK這樣Android環(huán)境就已經(jīng)搭建成功了。1.4Android常用工具的使用1.4.1命令行的使用創(chuàng)建AndroidVirtualDevices（AVD）使用androidlisttarget命令列出當(dāng)前可用的SDK版本androidcreateavd-n<name>-t<targetID>[-<option><value>]...模擬器（Emulator）的使用啟動(dòng)和停止模擬器emulator-avd<avd_name>AndroidDebugBridge(ADB)的使用查詢當(dāng)前模擬器實(shí)例數(shù)量adbdevices本地機(jī)器和模擬器之間相互拷貝文件D:\>adbpushd:\test.txt/sdcard/D:\>adbpull/sdcard/test.txtd:/安裝apk應(yīng)用程序adbpushd:\test.apk/sdcard/adbinstalltest.apk使用shell命令在DOS命令行輸入adbshell便進(jìn)入shell命令行了可以使用exit退出shell【1】在Android程序中，一般創(chuàng)建的數(shù)據(jù)庫(kù)存放在/data/data/[應(yīng)用程序包名]/databases的目錄下?！?】cd命令：文件夾跳轉(zhuǎn)命令。ls命令：查看某個(gè)文件夾下面有哪些文件。【3】使用"sqlite3[數(shù)據(jù)庫(kù)名稱]"命令來(lái)對(duì)某數(shù)據(jù)庫(kù)進(jìn)行一系列的操作。【4】在經(jīng)過(guò)第【3】步驟后，可以使用.tables命令查看某數(shù)據(jù)庫(kù)中包含哪些表。若要查詢某表中包含的數(shù)據(jù)，在sqlite>命令后輸入查詢的SQL語(yǔ)句即可查詢，但要注意的是要以分號(hào)[;]來(lái)結(jié)束該語(yǔ)句的輸入?！?】若在命令行中輸入adbshell后，提示：adb不是內(nèi)部或外部命令，也不是可運(yùn)行的程序，或批處理文件，遇到這種情況是由于環(huán)境變量沒(méi)有設(shè)置好的問(wèn)題導(dǎo)致的。解決方法：在安裝的Androidsdk包目錄下的找到adb工具所在目錄，一般是在...\android-sdk-windows\tools目錄或者在...\android-sdk-windows\platform-tools目錄下。把該目錄添加到path環(huán)境變量中就OK了。1.5Android運(yùn)動(dòng)app的工程1.5.1Android項(xiàng)目Android的四大基本組件：Activity(活動(dòng))，Service(服務(wù))，BroadcastReceiver(廣播)，ContentProvider(內(nèi)容提供者)，各組件之間要進(jìn)行切換需要一個(gè)意圖或企圖Intent類，通過(guò)啟動(dòng)StartIntent()方法來(lái)使各組件進(jìn)行跳轉(zhuǎn)Android的五大布局方式：LinearLayout(線性布局)FrameLayout(幀布局)TableLayout(表格布局)AbsoluteLayout(絕對(duì)布局)RelativeLayout(相對(duì)布局)五種布局方式可以相互嵌套，Android各種漂亮的界面都是通過(guò)嵌套布局而實(shí)現(xiàn)的。Android的線程，以及線程之間通信的中介：Handler類Android配置文件：AndroidManifest.Xml及res資源文件中各種屬性布局方式引用的資源等。Android系統(tǒng)將插件ADT集成到了Eclipse工具上，因此，一個(gè)Android程序啟動(dòng)后，系統(tǒng)會(huì)啟動(dòng)一個(gè)模擬器（Emulator），該模擬器是一款手機(jī)板的樣式，擁有手機(jī)硬件的基本操作。我們也可以將右邊的鍵盤通過(guò)代碼屬性設(shè)置將其隱藏，界面的大小可自由設(shè)定。1.6參考資料[1]

張立國(guó)，代聞，龔海平.Android移動(dòng)開發(fā)案例詳解[M].人民郵電出版社.2012.67—78

[2]

余志龍編著．Google

Android

SDK開發(fā)范例大全[M]．北京:人民郵電出版社，2009-7-1.

[3]

E2ECloud工作室著．深入淺出Google

Android[M]．北京:人民郵電出版社，2009-08-1.

[4]

靳巖

姚尚朗著．Google

Android開發(fā)入門與實(shí)戰(zhàn)[M]．北京:清華大學(xué)出版社，2009-07-01.

[5]

高昂著．支持動(dòng)態(tài)語(yǔ)言的Android平臺(tái)[M]．北京:人民郵電出版社，2009-05-07.

[6]

江紅，余青松.Java程序設(shè)計(jì)教程.清華大學(xué)出版社[M].2012.

[7]

明日科技團(tuán)隊(duì).

Android

從入門到精通.

清華大學(xué)出版社，2010

[8]

張孝祥著．

java就業(yè)培訓(xùn)教程[M]．北京:清華大學(xué)出版社，2007.

[9]

高煥堂編．Android

應(yīng)用框架原理與程式設(shè)計(jì)（第三版）[M]．北京:清華大學(xué)出版社，2008-10-03

[10]

楊豐盛主編．Android

應(yīng)用開發(fā)揭秘[M]．西安:機(jī)械工業(yè)出版社，2010-01-25

[11]

高彩麗，徐黎民，袁海.android應(yīng)用開發(fā)范例精解[M].清華大學(xué)出社.2012.45-123.

[12]

劉京華.

Java

Web整合開發(fā)王者歸來(lái)[M].

北京：清華大學(xué)出版社，2010

[13]

張孝祥.

深入Java

Web開發(fā)內(nèi)幕——核心基礎(chǔ)[M].

北京：電子工業(yè)出版社.

2006應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范用戶界面設(shè)計(jì)原則本系統(tǒng)堅(jiān)持圖形用戶界面（GUI）設(shè)計(jì)原則，界面直觀、對(duì)用戶透明。用戶接觸軟件后對(duì)界面上對(duì)應(yīng)的功能一目了然、不需要多少培訓(xùn)就可以方便使用本應(yīng)用系統(tǒng)。

界面設(shè)計(jì)員應(yīng)該明白軟件中用戶是所有處理的核心，不應(yīng)該有應(yīng)用程序來(lái)決定處理過(guò)程，所以用戶界面應(yīng)當(dāng)由用戶來(lái)控制應(yīng)用如何工作、如何響應(yīng)，而不是由開發(fā)者按自己的意愿把操作流程強(qiáng)加給用戶。

界面設(shè)計(jì)必須經(jīng)過(guò)確認(rèn)才能完成。界面一致性

在界面設(shè)計(jì)中應(yīng)該保持界面的一致性。一致性既包括使用標(biāo)準(zhǔn)的控件,也指使用相同的信息表現(xiàn)方法,如在字體、標(biāo)簽風(fēng)格、顏色、術(shù)語(yǔ)、顯示錯(cuò)誤信息等方面確保一致。顯示信息一致性標(biāo)準(zhǔn)（1）標(biāo)簽提示:字體為不加重、宋體、黑色、灰底或透明、無(wú)邊框、右對(duì)齊、不帶冒號(hào)、一般情況為五號(hào)（10號(hào)）；

（2）日期:正常字體、宋體、白底黑字、3-D

lowered；

（3）對(duì)齊方法：

左對(duì)齊:一般文字、單個(gè)數(shù)字、日期等

右對(duì)齊:數(shù)字、時(shí)間、日期加時(shí)間。

（4）分辨率為800*600，增強(qiáng)色16色

（5）字體缺省為宋體、五號(hào)、黑色

（6）底色缺省采用灰色

這些信息的排列顯示風(fēng)格供參考,

在同一個(gè)應(yīng)用中,這些信息的表現(xiàn)方式不一致,會(huì)使得用戶分散注意力,影響這一軟件的使用，因此開發(fā)者應(yīng)當(dāng)注意在同一軟件中表現(xiàn)形式的一致性。

布局合理化原則應(yīng)注意在一個(gè)窗口內(nèi)部所有控件的布局和信息組織的藝術(shù)性,使得用戶界面美觀。在一個(gè)窗口中按tab鍵,移動(dòng)聚焦的順序不能雜亂無(wú)章,tab的順序是先從上至下，再?gòu)淖笾劣摇Ｊ紫葢?yīng)輸入的和重要信息的控件在tab順序中應(yīng)當(dāng)靠前,位置也應(yīng)放在窗口上較醒目的位置。該系統(tǒng)的界面設(shè)計(jì)布局力求簡(jiǎn)潔、有序、易于操作。鼠標(biāo)與鍵盤對(duì)應(yīng)原則應(yīng)遵循的是可不用鼠標(biāo)的原則:應(yīng)用中的功能只用鍵盤也應(yīng)當(dāng)可以完成,即設(shè)計(jì)的應(yīng)用中還應(yīng)加入一些必要的按鈕和菜單項(xiàng)。但是,許多鼠標(biāo)的操作,如雙擊、拖動(dòng)對(duì)象等,并不能簡(jiǎn)單地用鍵盤來(lái)模擬即可實(shí)現(xiàn)。例如在一個(gè)列表框中用鼠標(biāo)雙擊其中一項(xiàng)可以表示選中該項(xiàng)內(nèi)容。為了用鍵盤也能實(shí)現(xiàn)這一功能,必須在窗口中定義一個(gè)表示選中的按鈕,以作為實(shí)現(xiàn)雙擊功能的替代（或其它方式）。又如在一個(gè)窗口中有兩個(gè)數(shù)據(jù)窗口,可以用鼠標(biāo)從一個(gè)數(shù)據(jù)窗口中將一項(xiàng)拖出然后放到另一個(gè)中。如果只用鍵盤,就應(yīng)當(dāng)在菜單中設(shè)置拷貝或移動(dòng)的菜單項(xiàng)APP界面需求分析3.1開始界面的需求分析輸入電子郵件、密碼、確認(rèn)密碼、姓氏、名字、出生日期、手機(jī)號(hào)碼等信息后點(diǎn)提交按鈕，進(jìn)入客戶端驗(yàn)證，驗(yàn)證通過(guò)后進(jìn)行注冊(cè)。圖3.2.2注冊(cè)界面用例圖該界面是該項(xiàng)目的關(guān)鍵頁(yè)面，在這里用戶可以對(duì)計(jì)步器各項(xiàng)參數(shù)進(jìn)行設(shè)置。分別包括：普通模式、時(shí)間模式、距離模式。圖3.2.3開始界面用例圖3.2分享界面的需求分析該界面的入口在主界面的右側(cè)，用戶點(diǎn)擊分享給好友條目，這時(shí)在屏幕下方就會(huì)出現(xiàn)分享平臺(tái)選擇。這里我集成了新浪微博、騰訊微博和QQ空間三個(gè)社交平臺(tái)，當(dāng)用戶點(diǎn)擊任意一個(gè)分享平臺(tái)后，就會(huì)進(jìn)入分享界面。圖3.2.4分享界面的用例圖3.3用戶功能需求分析(1)進(jìn)入頁(yè)面首頁(yè)進(jìn)入名稱進(jìn)入首頁(yè)操作角色注冊(cè)用戶或者未注冊(cè)用戶功能描述進(jìn)入首頁(yè)操作用戶點(diǎn)擊app進(jìn)入界面在首頁(yè)有顯示登錄、加入我們輸出首頁(yè)界面(2)用戶注冊(cè)名稱加入我們操作角色未注冊(cè)用戶功能描述進(jìn)行用戶注冊(cè)操作在首頁(yè)點(diǎn)擊“加入我們”進(jìn)入注冊(cè)頁(yè)面在用戶注冊(cè)頁(yè)面輸入電子郵件、密碼、確認(rèn)密碼、姓氏、名字、出生日期、手機(jī)號(hào)碼等信息后點(diǎn)提交按鈕，進(jìn)入客戶端驗(yàn)證，驗(yàn)證通過(guò)后進(jìn)行注冊(cè)，如注冊(cè)失敗后提示失敗原因及重新提交。驗(yàn)證要求:電子郵件：必填；且格式要正確密碼：必填；且長(zhǎng)度8-25；確認(rèn)密碼：值要與密碼框的值相同姓氏：必填；不能數(shù)字名字：必填；不能數(shù)字出生日期：必填；且是8位數(shù)字手機(jī)號(hào)碼：必填；且是數(shù)字輸出首頁(yè)界面(3)用戶登錄名稱用戶登錄操作角色注冊(cè)用戶功能描述注冊(cè)用戶輸入電子郵件、密碼、驗(yàn)證碼后登錄。操作在首頁(yè)單擊登錄進(jìn)入登錄頁(yè)面。輸入電子郵件、密碼后單擊登錄按鈕，首先進(jìn)行客戶驗(yàn)證，驗(yàn)證通過(guò)后進(jìn)行登錄：如登錄失敗進(jìn)行相應(yīng)提示并重新登錄；驗(yàn)證要求：電子郵件：必填；且格式要正確密碼：必填；且長(zhǎng)度8-25；輸出個(gè)人首頁(yè)(4)個(gè)人首頁(yè)名稱個(gè)人首頁(yè)操作角色注冊(cè)用戶功能描述用戶可以查看個(gè)人信息、自己的跑步記錄、最佳成績(jī)、訓(xùn)練計(jì)劃操作用戶登錄后直接進(jìn)入個(gè)人首頁(yè)輸出個(gè)人首頁(yè)(5)完善個(gè)人信息名稱首頁(yè)操作角色注冊(cè)用戶功能描述用戶可以修改和完善自己的個(gè)人基本信息、操作用戶在首頁(yè)中點(diǎn)擊個(gè)人信息輸入姓名、出生日期、體重、身高然后點(diǎn)擊確認(rèn)。驗(yàn)證要求：姓名：必填；不能數(shù)字出生日期：必填；且必須8位數(shù)字體重：必填；且必須數(shù)字身高：必填；且必須3位數(shù)字輸出個(gè)人信息(6)跑步記錄名稱跑步記錄操作角色注冊(cè)用戶功能描述用戶可以查看自己之前的跑步的里程數(shù)、配速、消耗卡路里操作1.用戶在首頁(yè)中點(diǎn)擊跑步記錄輸出跑步記錄(3)最佳成績(jī)名稱最佳成績(jī)操作角色注冊(cè)用戶功能描述用戶可以查看自己5公里、10公里、15公里、半程馬拉松、全程馬拉松最快到達(dá)時(shí)間成績(jī)操作用戶在首頁(yè)中點(diǎn)擊最佳成績(jī)后進(jìn)入頁(yè)面分別有5公里、10公里、15公里、半程馬拉松、全程馬拉松最快到達(dá)時(shí)間的數(shù)據(jù)顯示。輸出最佳成績(jī)(7)開始跑步名稱開始跑步操作角色注冊(cè)用戶功能描述用戶進(jìn)入后分別可以普通模式、時(shí)間模式、距離模式操作1．用戶登錄進(jìn)入頁(yè)面后點(diǎn)擊(START)開始跑步。輸出模式(8)模式名稱模式操作角色注冊(cè)用戶功能描述選擇普通模式、沒(méi)有限制時(shí)間、距離。可以自由控制。選擇時(shí)間模式，在規(guī)定時(shí)間完成跑步。選擇距離模式，在規(guī)定距離完成跑步。操作1.用戶進(jìn)入(START)開始跑步頁(yè)面后，點(diǎn)擊模式。2.點(diǎn)擊選擇普通、時(shí)間、距離模式。輸出開始頁(yè)面(9)開始名稱開始頁(yè)面操作角色注冊(cè)用戶功能描述可以選擇暫停、停止。當(dāng)選擇停止的時(shí)候，保存跑步記錄。操作選擇模式后直接進(jìn)入開始頁(yè)面。點(diǎn)擊停止。輸出保存(10)更多名稱更多操作角色注冊(cè)用戶功能描述用戶可以更新版本，將軟件推薦給好友。操作用戶登錄后點(diǎn)擊更多。點(diǎn)擊更新版本