計(jì)算機(jī)綜合應(yīng)用實(shí)踐設(shè)計(jì)報(bào)告

年4月19日計(jì)算機(jī)綜合應(yīng)用實(shí)踐設(shè)計(jì)報(bào)告文檔僅供參考《計(jì)算機(jī)綜合應(yīng)用實(shí)踐》設(shè)計(jì)報(bào)告班級(jí)學(xué)號(hào)：姓名：成績(jī)：目錄TOC\o"1-2"\h\u277211實(shí)驗(yàn)背景 1194772實(shí)驗(yàn)?zāi)康募靶枨?12923實(shí)驗(yàn)環(huán)境 1107684實(shí)驗(yàn)內(nèi)容 1181015實(shí)驗(yàn)結(jié)果 270385.1導(dǎo)航頁(yè)面 225985.2登錄界面 3285655.3注冊(cè)頁(yè)面 44525.4主頁(yè)面 5163006項(xiàng)目總結(jié) 91實(shí)驗(yàn)背景隨著移動(dòng)互聯(lián)網(wǎng)的不斷發(fā)展，人們的生活和工作從PC端逐漸向移動(dòng)端過(guò)度，例如：手機(jī)，平板電腦，穿戴設(shè)備等等。這些設(shè)備大部分都是基于Android系統(tǒng)的，因此Android應(yīng)用的出現(xiàn)給每種設(shè)備提供了多元化的內(nèi)容。2實(shí)驗(yàn)?zāi)康募靶枨螅?）能夠明白微信的界面制作方法（2）能夠掌握ViewPager的使用（3）能夠掌握簡(jiǎn)單的數(shù)據(jù)存儲(chǔ)的方式（4）能夠?qū)崿F(xiàn)頁(yè)面之間數(shù)據(jù)的傳輸（5）能夠模擬用戶登錄并實(shí)現(xiàn)具體的登錄功能（6）能夠完成微信界面的互相跳轉(zhuǎn)和部分功能的實(shí)現(xiàn)3實(shí)驗(yàn)環(huán)境 （1）Eclipse+SDK(ADT插件)（2）JDK1.7(JRE)（3）運(yùn)行是版本Android4.1.24實(shí)驗(yàn)內(nèi)容（1）實(shí)現(xiàn)微信導(dǎo)航界面的功能（2）實(shí)現(xiàn)微信登錄界面的登錄功能（3）實(shí)現(xiàn)微信注冊(cè)頁(yè)面的注冊(cè)功能（4）實(shí)現(xiàn)模擬數(shù)據(jù)在微信主界面的展示(好友列表,聯(lián)系人,發(fā)現(xiàn),關(guān)于我)5實(shí)驗(yàn)結(jié)果5.1導(dǎo)航頁(yè)面: 頁(yè)面效果圖：功能描述： 導(dǎo)航頁(yè)面一共包含六個(gè)頁(yè)面，每個(gè)頁(yè)面主要是為了展示微信中具體的一個(gè)特色功能，例如視頻聊天，搖一搖等等。 六個(gè)頁(yè)面之間能夠相互滑動(dòng)，能夠重復(fù)的查看沒(méi)個(gè)頁(yè)面具體的內(nèi)容，六個(gè)頁(yè)面之間的滑動(dòng)是經(jīng)過(guò)ViewPager實(shí)現(xiàn)的。 ViewPager在Android中能夠?qū)崿F(xiàn)頁(yè)面或者是組件之間的相互滑動(dòng)，在滑動(dòng)的過(guò)程中還能夠?qū)崿F(xiàn)一些獨(dú)特的功能，在每個(gè)頁(yè)面滑動(dòng)的過(guò)程中都能夠添加或者監(jiān)聽(tīng)相應(yīng)的滑動(dòng)操作。 當(dāng)滑動(dòng)到第六個(gè)頁(yè)面的時(shí)候則導(dǎo)航的功能完成，即將進(jìn)入到登錄界面，進(jìn)入如登錄界面主要是經(jīng)過(guò)按鈕的點(diǎn)擊進(jìn)行一個(gè)簡(jiǎn)單的頁(yè)面跳轉(zhuǎn)功能，從而進(jìn)入登錄界面(LoginActivity).功能實(shí)現(xiàn)的步驟：（1）編寫六個(gè)對(duì)應(yīng)的界面（2）將六個(gè)界面轉(zhuǎn)化成對(duì)應(yīng)View對(duì)象（3）將六個(gè)View對(duì)象放入集合中(ArrayList)（4）經(jīng)過(guò)適配器將View資源設(shè)置到ViewPager里界面使用的主要組件： TextView,ViewPager,CommonPagerAdatper等等。5.2登錄界面： 頁(yè)面效果圖： 功能描述： 從導(dǎo)航界面進(jìn)入登錄界面后，如果用戶有自己的用戶名和密碼，則能夠在填寫完用戶名和密碼后直接登錄，如果用戶沒(méi)有自己的用戶名和密碼則進(jìn)行用戶名和密碼則用戶能夠經(jīng)過(guò)點(diǎn)擊注冊(cè)按鈕進(jìn)入注冊(cè)頁(yè)面進(jìn)行用戶名和密碼的注冊(cè)操作。功能實(shí)現(xiàn)的步驟：（1）登錄頁(yè)面的編寫：主要使用布局管理器和相應(yīng)的組件進(jìn)行頁(yè)面的制作，例如：輸入框，按鈕組件分別能夠?qū)崿F(xiàn)文本內(nèi)容的輸入和按鈕的點(diǎn)擊等等（2）組件事件的添加：在完成界面后，要想實(shí)現(xiàn)相應(yīng)的功能，必須給組件進(jìn)行事件的添加，例如：?jiǎn)螕羰录?OnClickListener),輸入框內(nèi)容的取得(輸入框?qū)ο?getText().toString.trim())等等。（3）登錄功能的實(shí)現(xiàn)：在點(diǎn)擊的登錄按鈕的時(shí)候，先從存儲(chǔ)用戶名和密碼的user.xml文件中讀取(SharedPreferences讀取)相應(yīng)的用戶信息，在讀取內(nèi)容完成后，將得到的內(nèi)容和輸入的內(nèi)容進(jìn)行比較操作，如果輸入框輸入的內(nèi)容和從user.xml文件中得到的內(nèi)容匹配，則跳轉(zhuǎn)到主頁(yè)面，否則的話提示用戶用戶名或者密碼錯(cuò)誤，從而引導(dǎo)用戶輸入正確的用戶名和密碼。界面使用的主要組件： ImageView實(shí)現(xiàn)返回按鈕的返回功能；View實(shí)現(xiàn)下劃線或者分割線的效果；TextView主要是負(fù)責(zé)頁(yè)面文本內(nèi)容的展示；EditTextView主要是負(fù)責(zé)用戶名和密碼的輸入；Button簡(jiǎn)稱按鈕，主要負(fù)責(zé)點(diǎn)擊時(shí)頁(yè)面的跳轉(zhuǎn)和具體內(nèi)容的判斷等等5.3注冊(cè)頁(yè)面 頁(yè)面效果圖： 功能描述： 本界面是在用戶沒(méi)有用戶名和密碼的時(shí)候，進(jìn)行用戶名和密碼注冊(cè)的界面，用戶在本界面能夠完成用戶名和密碼的注冊(cè)，為以后的登錄做準(zhǔn)備，在用戶進(jìn)行注冊(cè)的時(shí)候本程序采用的是臨時(shí)文件的存儲(chǔ)方式進(jìn)行用戶名和密碼的保存(保存在user.xml文件中)，注冊(cè)完成后直接從當(dāng)前界面跳轉(zhuǎn)到登錄界面進(jìn)行登錄。功能實(shí)現(xiàn)的步驟：（1）編寫注冊(cè)頁(yè)面，主要是注冊(cè)內(nèi)容的輸入，在本界面有注冊(cè)按鈕，點(diǎn)擊注冊(cè)按鈕的時(shí)候，會(huì)進(jìn)行相應(yīng)的操作。（2）事件的設(shè)置，給按鈕或者是文本輸入框進(jìn)行事件的設(shè)置，例如：在點(diǎn)擊按鈕的時(shí)候得到三個(gè)輸入框的對(duì)應(yīng)內(nèi)容并執(zhí)行存儲(chǔ)操作，操作執(zhí)行過(guò)程中讓當(dāng)前的Activity進(jìn)行消失(調(diào)用當(dāng)前Activity的finish()方法)。（3）用戶信息的存儲(chǔ)，例如：用戶名，密碼，昵稱等等，信息存儲(chǔ)是使用SharedPreferences進(jìn)行內(nèi)容的存儲(chǔ)操作，存儲(chǔ)內(nèi)容的文件為user.xml文件中。界面使用的主要組件： ImageView實(shí)現(xiàn)返回按鈕的返回功能和頭像的設(shè)置；View實(shí)現(xiàn)下劃線或者分割線的效果；TextView主要是負(fù)責(zé)頁(yè)面文本內(nèi)容的展示；EditTextView主要是負(fù)責(zé)用戶名和密碼的輸入以及昵稱；Button簡(jiǎn)稱按鈕，主要負(fù)責(zé)點(diǎn)擊時(shí)頁(yè)面的跳轉(zhuǎn)和具體信息的存儲(chǔ)。5.4主頁(yè)面 頁(yè)面效果圖： 功能描述： 主頁(yè)面主要是負(fù)責(zé)四個(gè)頁(yè)面之間的相互切換操作，在切換的過(guò)程中使用的是ViewPager，從而實(shí)現(xiàn)和導(dǎo)航頁(yè)面功能相似的滑動(dòng)效果，在這里主要是為了能夠在有限空間中展示更多信息。給用戶一個(gè)好的體驗(yàn)等等。功能實(shí)現(xiàn)的步驟：（1）編寫主頁(yè)面的布局，本也米娜主要使用RelativeLayout布局管理器對(duì)頁(yè)面進(jìn)行布局，在本布局最底部實(shí)現(xiàn)是個(gè)樣式相同的按鈕，使這四個(gè)按鈕永遠(yuǎn)處于屏幕的最下方在此過(guò)程中直接將ViewPager設(shè)置在Titile和Buttom直接(就是讓ViewPager處于屏幕的中間)。（2）在使用ViewPager實(shí)現(xiàn)頁(yè)面滑動(dòng)效果是，和導(dǎo)航頁(yè)面的步驟是一樣的可是在本頁(yè)面中實(shí)現(xiàn)的滑動(dòng)是使用Fragment(碎片化)實(shí)現(xiàn)的，在頁(yè)面進(jìn)行滑動(dòng)時(shí)還能夠改變底部按鈕的背景顏色。（3）除了頁(yè)面能夠滑動(dòng)外，用戶還能夠點(diǎn)擊對(duì)應(yīng)的四個(gè)按鈕進(jìn)行頁(yè)面的切換操作，主要是給四個(gè)按鈕分別設(shè)置了單擊事件(在一個(gè)Activity中如果想要同時(shí)給多個(gè)組件設(shè)置單擊事件的話，能夠讓本Activity實(shí)現(xiàn)implementsOnClickListener)。界面使用的主要組件：TextView負(fù)責(zé)文本信息的展示ImageView負(fù)責(zé)圖片內(nèi)容的展示Button主要一些單擊事件的操作ViewPager主要是負(fù)責(zé)頁(yè)面的滑動(dòng)5.4.1好友列表頁(yè)頁(yè)面效果圖：功能描述： 本界面主要是展示好友列表，列表中包括好友的昵稱，個(gè)性簽名，聊天的時(shí)間，在本頁(yè)面使用ListView實(shí)現(xiàn)在同意界面展示相同布局文件多條內(nèi)容的功能，在使用ListView的時(shí)候需要經(jīng)過(guò)適配器(WeinXinListAdatper)進(jìn)行布局的適配操作,適配器進(jìn)行適配操作主要是把相同的布局的Item給ListView進(jìn)行內(nèi)容的設(shè)置。功能實(shí)現(xiàn)的步驟：（1）編寫基本布局界面，界面中包括的Title和ListView（2）找到ListView的對(duì)象(即實(shí)例化組件的對(duì)象)（3）經(jīng)過(guò)WeinXinListAdatper(適配器)對(duì)ListView的內(nèi)容進(jìn)行設(shè)置（4）給ListView設(shè)置適配器(listView.setAdapter(adapter))（5）給每個(gè)Item能夠設(shè)置點(diǎn)擊事件(listView.setOnItemClickListener(newOnItemClickListener())),在用戶點(diǎn)擊相應(yīng)的Item的時(shí)候能夠彈出相應(yīng)的好友信息 界面使用的主要組件： ImageView進(jìn)行Item中頭像的設(shè)置 TextView進(jìn)行好友昵稱，好友個(gè)性簽名，聊天時(shí)間的展示 ListView(列表)主要負(fù)責(zé)展示多條內(nèi)容5.4.2聯(lián)系人頁(yè)面頁(yè)面效果圖：功能描述： 展示一個(gè)簡(jiǎn)單的頁(yè)面，能夠統(tǒng)計(jì)好友的數(shù)目。功能實(shí)現(xiàn)的步驟： 主要是使用Android中常見(jiàn)的組件進(jìn)行頁(yè)面的簡(jiǎn)單編寫界面使用的主要組件： ImageView負(fù)責(zé)展示圖片 TextView負(fù)責(zé)展示文本 5.4.3發(fā)現(xiàn)(Discover)頁(yè)面： 頁(yè)面效果圖功能描述： 展示一個(gè)簡(jiǎn)單的頁(yè)面功能實(shí)現(xiàn)的步驟： 主要是使用Android中常見(jiàn)的組件進(jìn)行頁(yè)面的簡(jiǎn)單編寫界面使用的主要組件： ImageView負(fù)責(zé)展示圖片 TextView負(fù)責(zé)展示文本5.4.4關(guān)于我界面頁(yè)面效果圖功能描述： 展示一個(gè)簡(jiǎn)單的頁(yè)面，能夠展示用戶的一些詳細(xì)的信息，例如：用戶昵稱，用戶頭像，用戶的二維碼名片等等。功能實(shí)現(xiàn)的步驟：(1)主要是使用Android中常見(jiàn)的組