【正文】 開發(fā)的 過程中會(huì) 遇到 哪些 困難 ， 從而提高軟件的開發(fā)效率。 14 屆計(jì)算機(jī)專業(yè)畢業(yè)設(shè)計(jì) 9 第 3章 系統(tǒng) UI 詳細(xì) 設(shè)計(jì) UI 概述 UI即 User Interface(用戶界面 )的簡(jiǎn)稱。業(yè)界通常把對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)稱作為 UI 設(shè)計(jì)。一款優(yōu)秀的 UI 設(shè)計(jì)不僅讓軟件變得有充滿個(gè)性而有品味，還要讓軟件的操作變得舒適、簡(jiǎn)單、增加用戶體驗(yàn)感，充分體現(xiàn)軟件的定位和特點(diǎn)。 Android UI Android 用戶界面即 UI，相當(dāng)于 MVC 模型的視圖層。在 Android 平臺(tái)中每個(gè)屏幕對(duì)應(yīng)的是一個(gè) Activity 對(duì)象， Activity 對(duì)象的界面通常使用 View 和 ViewGroup 控件搭配 XML 配置文件進(jìn)行設(shè)計(jì)。 View 繼承自 類，它是一個(gè)存儲(chǔ)有屏幕上特定的一個(gè)矩形布局和內(nèi)容屬性的數(shù)據(jù)結(jié)構(gòu)。作為一個(gè)基類， View 有多個(gè)子類Widget, Widget 根據(jù)自身的特性提供了各自繪制屏幕的實(shí)現(xiàn)。常用的 Widget 包括Text, 等。 ViewGroup 繼承自 類，它是 View的一種特例，它本身可以裝載和管理一組下層的 View 和 ViewGroup，并決定子對(duì)象的布局大小和相對(duì)位置。 Layout 是一組提供屏幕界面通用類型的完全實(shí)現(xiàn)類，它繼承自ViewGroup， 并提供了一系列的布局方式 。常用的布局方式如下 : (1)AbsoluteLayout:絕對(duì)布局方式，通過直接指定控件在頁(yè)面擺放的絕對(duì)坐標(biāo)和占用空間大小來確定控件擺放位置。 (2)LinearLayout:線性布局方式，使用此布局時(shí)，控件沿水平或者垂直方向擺放，同一個(gè)方向的控件呈線性排列。 (3)RelativeLayout:相對(duì)布局方式，控件在布局內(nèi)位置的確定取決于其相對(duì)控件，通過指定相對(duì)控件功和相對(duì)距離來獲取自身的擺放位置。一般采用此布局方 式可以獲得較好的可移植性。 (4)ScrollView:卷軸視圖方式，一般用來包含其他布局和控件，該布局方式可以在屏幕顯示不下內(nèi)容時(shí)，使用卷軸滑動(dòng)來獲得額外的顯示空間。 (5)TableLayout:表格布局，采用類似表格的布局方式，將內(nèi)部空間劃分成許多行和列，表格由行和列組成許多單元格，單元格允許為空，但不能跨越列。 Lavout一般通過 XML 配置文件進(jìn)行指定，如同進(jìn)行網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)，界面的設(shè)計(jì)通過在 XML 配置文件中指定相應(yīng)的布局方式，并按照該布局方式的特點(diǎn)布置相應(yīng)的控件，通過在Activity@調(diào)用 setContentView()方法設(shè)置要顯示的布局及控件資源。 譚先濤：掌上社區(qū) 10 詳細(xì)設(shè)計(jì) 系統(tǒng) 主 界面 根據(jù) 系統(tǒng) 主界面 的需求可 以將設(shè)計(jì)功能為如下幾個(gè)方向 ： 主界面 布局、主界面廣告、 主界面 定位。 主 界面 布局 通過 研究 用戶 雙手 和單手 操作時(shí) 的 使用習(xí)慣， 把 屏幕分為熱門點(diǎn)擊 區(qū)域 與非 熱門點(diǎn)擊 區(qū)域 ， 將系統(tǒng)的主要 被 點(diǎn)擊的功能 放 到熱門點(diǎn)擊區(qū)域，將不重要或者不經(jīng)常使用的功能放置到非熱門點(diǎn)擊區(qū)域 。 圖 31 建議布局圖 根據(jù) 需求分析 ，主界面 應(yīng) 包含 動(dòng) 健身 、 汽車服務(wù)、 美食 、生活購(gòu)物、家政服務(wù)、酒店 旅游 、教育培訓(xùn)、團(tuán)購(gòu)促銷、休閑娛樂 、 美容美體、裝修家居、 商務(wù) 婚慶 12 個(gè)大功能分類 ， 因此 總體的功能我們可以得到 以下 主界面 用例圖 ： 14 屆計(jì)算機(jī)專業(yè)畢業(yè)設(shè)計(jì) 11 圖 31 主界面 用例圖 根據(jù)主界面用例 圖可以知道主界面中包含著 運(yùn)動(dòng) 健身 、 汽車服務(wù)、 美食 、生活購(gòu)物、家政服務(wù)、酒店 旅游 、教育培訓(xùn)、團(tuán)購(gòu)促銷、休閑娛樂 、 美容美體、裝修家居、商務(wù) 婚慶等 12 個(gè) 大功能分類， 根據(jù) 需求又可知道每個(gè)大功能中又包含諸多小功能分類 。 在 主界面 中除了 以上 功能外還有定位功能和廣告 活動(dòng) 條展示功能 ， 即主界面的總體流程圖如下 ： 運(yùn)動(dòng)健身 汽車服務(wù)美食生活購(gòu)物家政服務(wù)酒店旅游教育培訓(xùn)團(tuán)購(gòu)促銷休閑娛樂美容美體裝修家居商務(wù)婚慶主界面用戶譚先濤：掌上社區(qū) 12 進(jìn) 入 首 面 定 位 用 戶 是 否 定 位 成 功 顯 示 界 面顯 示 用 戶 位 置是否用 戶 選 擇運(yùn) 動(dòng) 健 身 汽 車 服 務(wù) 美 食生 活 購(gòu) 物 家 政 服 務(wù) 酒 店 旅 游教 育 培 訓(xùn) 團(tuán) 購(gòu) 促 銷 休 閑 娛 樂美 容 美 體 裝 修 家 居 商 務(wù) 婚 慶選 擇 跳 轉(zhuǎn) 界 面進(jìn) 入 選 擇 界 面 圖 32 主界面 流程圖 由上面的 流程圖 可以看出 主界面 公分為 3 大子模塊，每一個(gè)模塊都有 其 明確的分工。 進(jìn)入掌上 社區(qū)，默認(rèn)進(jìn)入首頁(yè)，這里不需要 驗(yàn)證 登陸 也 能 使用 其中功能。 主界面 定位 首先 進(jìn)入主界面，應(yīng)用 會(huì) 自動(dòng) 定位 用戶所在城市，顯示在主界面左上角 ， 以后在進(jìn)入美食及所有商戶， 默認(rèn) 城市則為該定位城市。如果 用戶 有查看其它城市商戶信息的需求，點(diǎn)擊 定位 城市則可以進(jìn)行城市切換 ， 當(dāng) 切換 城市之后所有后續(xù)操作的默認(rèn)城市便默認(rèn)該切換后的城市。 這樣的 設(shè)計(jì) 極大 的方便了用戶對(duì)商戶信息的查找。 城市定位 流程圖 如下 ： 14 屆計(jì)算機(jī)專業(yè)畢業(yè)設(shè)計(jì) 13 主 界 面用 戶 選 擇定 位是否 圖 33 城市定位 流程圖 主界面廣告 進(jìn)入主界面 會(huì)加載服務(wù)器后臺(tái)發(fā)布的一些活動(dòng)和廣告信息，顯示在主界面上方，當(dāng)點(diǎn)擊廣告條，會(huì)用 webview 加載對(duì)應(yīng)的 URL， 用戶可以瀏覽活動(dòng)和廣告的具體信息，設(shè)計(jì)的主要目的是為了增加 用戶 對(duì)掌上社區(qū)應(yīng)用的關(guān)注程度和 提高 用戶對(duì)掌上社區(qū)相關(guān)活動(dòng)的積極參與程度，對(duì)推廣掌上社區(qū) APP 有 極大幫助。 由此 可得到主界面廣告流程圖 如下 ： 主 界 面用 戶 選 擇廣 告是否 圖 34 主界面 廣告流程圖 通過調(diào)查，應(yīng)用在月初的時(shí)候使用頻繁，流量消耗大，而在月末的時(shí)候消耗缺較少。這是因?yàn)樵谠鲁醯臅r(shí)候用戶不受流量限制，可以暢快的時(shí)候用，而到了月末，有些用戶的流量已經(jīng)耗盡，手機(jī)應(yīng)用的使用頻率當(dāng)然就低了，這就是流量包月用戶的典型行為。 譚先濤：掌上社區(qū) 14 圖 35 用戶 月流量消耗圖 所以，如果你在設(shè)計(jì)一款應(yīng)用，并設(shè)計(jì)了相應(yīng)的推廣活動(dòng)的時(shí)候，將它置于月初的效果將遠(yuǎn)遠(yuǎn)好于月末，類似的例子還有很多。 運(yùn)動(dòng)健身 根據(jù)需求 文檔，運(yùn)動(dòng)健身 類 最受關(guān)注的運(yùn)動(dòng) 如下 ： 游泳館 、 健身中心 、 籃球場(chǎng) 、足球場(chǎng) 、 網(wǎng)球場(chǎng) 、 羽毛球館 、 乒乓球館 、 高爾夫 、 保齡球館 、 臺(tái)球廳 、 體育場(chǎng)館 、 瑜伽 、 舞蹈 、 遠(yuǎn)足徑 。 所有根據(jù)需求，在運(yùn)動(dòng)健身 的 大分類下如下的小分類 。由此 可知 ，用 gridview 控件 便可加載這些小分類。 系統(tǒng) 自帶的 gridview 無(wú)法 完美 顯示小分類列表，查閱相關(guān)資料后用自定義的 gridview 可完美實(shí)現(xiàn) 。 汽車服務(wù) 根據(jù)需求 文檔， 汽車服務(wù)類 最受關(guān)注的 項(xiàng)目如下 ： 汽車 美容、維修保養(yǎng) 、 配件車飾、汽車租賃 、 駕校、 4S/銷售 、汽車保險(xiǎn)、加油站 、 停車場(chǎng)、交通公交 。 所有根據(jù)需求，在運(yùn)動(dòng)健身 的 大分類下如下的小分類 。由此 可知 ， 用 gridview 控件 便可加載這些小分類。 系統(tǒng) 自帶的 gridview 無(wú)法 完美 顯示小分類列表，查閱相關(guān)資料后用自定義的 gridview 可完美實(shí)現(xiàn) 。 美食 根據(jù)需求 文檔， 美食 類 最受關(guān)注的 項(xiàng)目如下 ： 川菜、湘菜、粵菜、火鍋、燒烤、自助餐、小吃快餐、西餐、 東北菜、北京菜、上海菜、清真菜、面包甜點(diǎn)、韓國(guó)料理、日本料理、海鮮、 西北菜、茶餐廳、農(nóng)家樂、更多 (包括淮揚(yáng)菜、江浙菜、湖北菜、貴州菜、云南菜、閩南菜、徽菜、云南菜、江西菜、潮州菜、客家菜、魯菜、新疆菜、素菜、東南亞菜、臺(tái)灣菜 。 所有根據(jù)需求，在運(yùn)動(dòng)健身 的 大分類下如下的小分14 屆計(jì)算機(jī)專業(yè)畢業(yè)設(shè)計(jì) 15 類 。由此 可知 ， 用 gridview 控件 便可加載這些小分類。 系統(tǒng) 自帶的 gridview 無(wú)法 完美 顯示小分類列表，查閱相關(guān)資料后用自定義的 gridview 可完美實(shí)現(xiàn) 。 從用例圖中我們看出 ， 應(yīng)用程序首先將服務(wù)器中的去用戶所保存的商戶信息的列表提取出來 ， 展示在移動(dòng)客戶端上面 ， 然后根據(jù)用戶所點(diǎn)擊的條目向服務(wù)器重新獲取所選擇商戶的詳細(xì)信息 ， 展示在信息的界面內(nèi) 。 生活購(gòu)物 根據(jù)需求 文檔， 生活購(gòu)物 類 最受關(guān)注的 項(xiàng)目如下 ： 食品茶酒、超市便利、縮合商場(chǎng)、品牌折扣、藥店、服飾鞋包、珠寶飾品、化妝品、運(yùn)動(dòng)戶外、母嬰兒童、數(shù)碼家電、特色集市、書店、辦公用品、眼鏡店、鮮花植物、銀行 、醫(yī)院 。 所有根據(jù)需求，在運(yùn)動(dòng)健身 的 大分類下如下的小分類 。由此 可知 ， 用 gridview 控件 便可加載這些小分類。 系統(tǒng) 自帶的 gridview 無(wú)法 完美 顯示小分類列表，查閱相關(guān)資料后用自定義的gridview 可完美實(shí)現(xiàn) 。 家政服務(wù) 根據(jù)需求 文檔， 家政服務(wù) 類 最受關(guān)注的 項(xiàng)目如下 ： 小區(qū) 、商務(wù)樓 、 寵物 、 保姆孕產(chǎn)、家政保潔、干洗 、 居家維修 。 所有根據(jù)需求，在運(yùn)動(dòng)健身 的 大分類下如下的小分類 。由此 可知 ， 用 gridview 控件 便可加載這些小分類。 系統(tǒng) 自帶的 gridview 無(wú)法 完美 顯示小分類列表，查閱相關(guān)資料后用自定義的 gridview 可完美實(shí)現(xiàn) 。 酒店旅游 根據(jù)需求 文檔， 酒店旅游 類 最受關(guān)注的 項(xiàng)目如下 ： 五星級(jí)酒店、四星級(jí)酒店、三星級(jí)酒店、經(jīng)濟(jì)型酒店、公寓式酒店、度假村、農(nóng)家院、青年旅舍、旅行社、票務(wù) 。所有根據(jù)需求，在運(yùn)動(dòng)健身 的 大分類下如下的小分類 。由此 可知 ， 用 gridview 控件便可加載這些小分類。 系統(tǒng) 自帶的 gridview 無(wú)法 完美 顯示小分類列表，查閱相關(guān)資料后用自定義的 gridview 可完美實(shí)現(xiàn) 。 教育培訓(xùn) 根據(jù)需求 文檔， 教育培訓(xùn) 類 最受關(guān)注的 項(xiàng)目如下 ： 學(xué)校、 培訓(xùn) 、 嬰幼兒教育 、 留學(xué)移民 。 所有根據(jù)需求，在運(yùn)動(dòng)健身 的 大分類下如下的小分類 。由此 可知 ， 用 gridview譚先濤：掌上社區(qū) 16 控件 便可加載這些小分類。 系統(tǒng) 自帶的 gridview 無(wú)法 完美 顯示小分類列表，查閱相關(guān)資料后用自定義的 gridview 可完美實(shí)現(xiàn) 。 休閑娛樂 根據(jù)需求 文檔， 休閑娛樂 類 最受關(guān)注的 項(xiàng)目如下 ： 足療按摩 、棋牌 、 茶館 、 洗浴桑拿、酒吧、 KTV、 電影院、 游樂 親子、 DIY 手工坊 、文化藝術(shù)、密室、公園、景點(diǎn)旅游、桌面游戲 。 所有根據(jù)需求，在運(yùn)動(dòng)健身 的 大分類下如下的小分類 。由此 可知 ， 用gridview 控件 便可加載這些小分類。 系統(tǒng) 自帶的 gridview 無(wú)法 完美 顯示小分類列表，查閱相關(guān)資料后用自定義的 gridview 可完美實(shí)現(xiàn) 。 美容 美體 根據(jù)需求 文檔， 美容美體類 最受關(guān)注的 項(xiàng)目如下 ： 美容 美發(fā)、美 甲 美瞳、 瘦身纖體 、齒科、化妝造型、整形 。 所有根據(jù)需求，在運(yùn)動(dòng)健身 的 大分類下如下的小分類 。由此 可知 ， 用 gridview 控件 便可加載這些小分類。 系統(tǒng) 自帶的 gridview 無(wú)法 完美 顯示小分類列表，查閱相關(guān)資料后用自定義的 gridview 可完美實(shí)現(xiàn) 。 裝修家居 根據(jù)需求 文檔， 裝修家居 類 最受關(guān)注的 項(xiàng)目如下 ： 裝修 裝潢、裝修設(shè)計(jì)、建材、家具 。 所有根據(jù)需求，在運(yùn)動(dòng)健身 的 大分類下如下的小分類 。由此 可知 ， 用 gridview控件 便可加載這些小分類。 系統(tǒng) 自帶的 gridview 無(wú)法 完美 顯示小分類列表，查閱相關(guān)資料后用自定義的 gridview 可完美實(shí)現(xiàn) 。 商務(wù) 婚慶 根據(jù)需求 文檔， 商務(wù)婚慶類 最受關(guān)注的 項(xiàng)目如下 ： 婚紗攝影 、婚慶公司、婚紗禮服、婚戒首飾、婚慶禮品、司儀主持、婚禮跟拍、婚車租賃、 寫真 、快照沖印 。 所有根據(jù)需求，在運(yùn)動(dòng)健身 的 大分類下如下的小分類 。由此 可知 ， 用 gridview 控件 便可加載這些小分類。 系統(tǒng) 自帶的 gridview 無(wú)法 完美 顯示小分類列表，查閱相關(guān)資料后用自定義的 gridview 可完美實(shí)現(xiàn) 。 因此 由 以上 功能可得到 表 31 表 31 主界面功能 表 14 屆計(jì)算機(jī)專業(yè)畢業(yè)設(shè)計(jì) 17 功能模塊 主要 功能 主界面 廣告 推送 廣告消息以及 客戶端有獎(jiǎng) 活動(dòng) 主界面 定位 定位 所在城市， 獲取商戶信息 運(yùn)動(dòng) 健身 呈現(xiàn) 不同類型的 運(yùn)動(dòng) 健身服務(wù) 汽車 服務(wù) 呈現(xiàn) 不同類型的 汽車服務(wù) 美食 呈現(xiàn) 不同類型的 美食 品種 生活 購(gòu)物 呈現(xiàn) 不同類型的 商家 家政 服務(wù) 呈現(xiàn) 不同類型的 家政 服務(wù) 酒店旅游 呈現(xiàn) 不同類型的 酒店 教育 培訓(xùn) 呈現(xiàn) 不同類型的 培訓(xùn) 服務(wù) 休閑 娛樂 呈現(xiàn) 不同類型的 娛樂 方式 美容 美體 呈現(xiàn) 不同類型的 美容 服務(wù) 裝修 家居 呈現(xiàn) 不同類型的 服務(wù) 商務(wù) 婚慶 呈現(xiàn) 不同類型的