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

1、計(jì)算機(jī)綜合應(yīng)用實(shí)踐設(shè)計(jì)報(bào)告班級(jí)學(xué)號(hào):姓名：成績(jī)：1實(shí)驗(yàn)背景0.2實(shí)驗(yàn)?zāi)康募靶枨?.3實(shí)驗(yàn)環(huán)境0.4實(shí)驗(yàn)內(nèi)容0.5實(shí)驗(yàn)結(jié)果1.5.1 導(dǎo)航頁(yè)面5.2 登錄界面2.5.3 注冊(cè)頁(yè)面3.5.4 主頁(yè)面4.6項(xiàng)目總結(jié)8.1實(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)康募靶枨?D能夠明白微信的界面制作方法(2)能夠掌握 ViewPager的使用(3)能夠掌握簡(jiǎn)單的數(shù)據(jù)存儲(chǔ)的方式(4)能夠?qū)崿F(xiàn)頁(yè)面之間數(shù)據(jù)的傳輸(5)能夠模擬用戶

2、登錄并實(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)容(D實(shí)現(xiàn)微信導(dǎo)航界面的功能(4) 實(shí)現(xiàn)微信登錄界面的登錄功能(5) 實(shí)現(xiàn)微信注冊(cè)頁(yè)面的注冊(cè)功能(6) 實(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è)面

3、之間的滑動(dòng)是通過(guò) ViewPager實(shí)現(xiàn)的。ViewPager在Android中能夠?qū)崿F(xiàn)頁(yè)面或者是組件之間的相互滑動(dòng)， 在滑動(dòng)的過(guò)程中還可以實(shí)現(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)入如登錄界面主要是通過(guò)按鈕的點(diǎn)擊進(jìn)行一個(gè)簡(jiǎn)單的頁(yè)面跳轉(zhuǎn)功 能，從而進(jìn)入登錄界面(LoginActivity).功能實(shí)現(xiàn)的步驟：(1)編寫(xiě)六個(gè)對(duì)應(yīng)的界面(2)將六個(gè)界面轉(zhuǎn)化成對(duì)應(yīng)View對(duì)象(3)將六個(gè) View對(duì)象放入集合中(ArrayList)(4)通過(guò)適配器將 View資源設(shè)置到ViewPager里界面使用的主

4、要組件:TextView,ViewPager, CommonPagerAdatpe等等。5.2 登錄界面:頁(yè)面效果圖:功能描述：從導(dǎo)航界面進(jìn)入登錄界面后，如果用戶有自己的用戶名和密碼，則可以 在填寫(xiě)完用戶名和密碼后直接登錄，如果用戶沒(méi)有自己的用戶名和密碼則進(jìn)行用 戶名和密碼則用戶可以通過(guò)點(diǎn)擊注冊(cè)按鈕進(jìn)入注冊(cè)頁(yè)面進(jìn)行用戶名和密碼的注 冊(cè)操作。功能實(shí)現(xiàn)的步驟：(1)登錄頁(yè)面的編寫(xiě)：主要使用布局管理器和相應(yīng)的組件進(jìn)行頁(yè)面的制作， 例如：輸入框，按鈕組件分別可以實(shí)現(xiàn)文本內(nèi)容的輸入和按鈕的點(diǎn)擊等等(2)組件事件的添加：在完成界面后，要想實(shí)現(xiàn)相應(yīng)的功能，必須給組件 進(jìn)行事件的添加，例如：?jiǎn)螕羰录?OnCl

5、ickListener),輸入框內(nèi)容的取得(輸入框?qū)?象.getText().toString.trim()等等。(3)登錄功能的實(shí)現(xiàn)：在點(diǎn)擊的登錄按鈕的時(shí)候，先從存儲(chǔ)用戶名和密碼 的user.xml文件中讀取(SharedPreference技取)相應(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é)

6、頁(yè)面文本內(nèi)容的展示;EditTextView主要是負(fù)責(zé)用戶名和密碼的輸入；Button簡(jiǎn)稱(chēng)按鈕，主要負(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)編寫(xiě)注冊(cè)頁(yè)面，主要是注冊(cè)內(nèi)容的輸入，在本界面有注冊(cè)按鈕，點(diǎn)擊 注冊(cè)按鈕的時(shí)候，會(huì)進(jìn)行相應(yīng)的操作。(2)事件的設(shè)置

7、，給按鈕或者是文本輸入框進(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的巾nish()方法)。(3)用戶信息的存儲(chǔ)，例如：用戶名，密碼，昵稱(chēng)等等，信息存儲(chǔ)是使用 SharedPreference進(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é)用戶名和密碼的輸入以及昵稱(chēng)；Button簡(jiǎn)稱(chēng)按鈕

8、，主要負(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)編寫(xiě)主頁(yè)面的布局，本也米娜主要使用 RelativeLayout布局管理器對(duì) 頁(yè)面進(jìn)行布局，在本布局最底部實(shí)現(xiàn)是個(gè)樣式相同的按鈕， 使這四個(gè)按鈕永遠(yuǎn)處 于屏幕的最下方在此過(guò)程中直接將 ViewPager設(shè)置在Titile和Buttom直接(就是 讓ViewPager處于屏幕的中間)。(2)在使用Vie

9、wPager實(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)implements OnClickListener)。界面使用的主要組件：TextView負(fù)責(zé)文本信息的展示ImageView負(fù)責(zé)圖片內(nèi)容的展示Button主要一些單擊事件的操作ViewPager主要是負(fù)責(zé)頁(yè)面的滑動(dòng)

10、5.4.1好友列表頁(yè)頁(yè)面效果圖：ijsx才升上q：mi 口川平H肅/上阡1 dkd師l科向二鼎凄上可輪!而國(guó)*王垢又"上 H聲國(guó)立富 "、m固的¥蛤,人功能描述：本界面主要是展示好友列表，列表中包括好友的昵稱(chēng)，個(gè)性簽名， 聊天的時(shí)間，在本頁(yè)面使用ListView實(shí)現(xiàn)在同意界面展示相同布局文件多條 內(nèi)容的功能，在使用 ListView 的時(shí)候需要通過(guò)適配器(WeinXinListAdatper) 進(jìn)行布局的適配操作，適配器進(jìn)行適配操作主要是把相同的布局的Item給ListView進(jìn)行內(nèi)容的設(shè)置。功能實(shí)現(xiàn)的步驟：(1)編寫(xiě)基本布局界面，界面中包括的 Title和Lis

11、tView(2)找到ListView的對(duì)象(即實(shí)例化組件的對(duì)象)(3)通過(guò) WeinXinListAdatper(適配器)對(duì)ListView的內(nèi)容進(jìn)行設(shè)置(4)給 ListView 設(shè)置適配器(listView.setAdapter(adapter)(5)給每個(gè) Item 可以設(shè)置點(diǎn)擊事件(listView.setOnItemClickListener (new OnItemClickListener()，在用戶點(diǎn)擊相應(yīng)的Item的時(shí)候可以彈出相應(yīng)的好友 信息界面使用的主要組件：ImageView進(jìn)彳T Item中頭像的設(shè)置TextView進(jìn)行好友昵稱(chēng)，好友個(gè)性簽名，聊天時(shí)間的展示ListVi

12、ew(列表)主要負(fù)責(zé)展示多條內(nèi)容5.4.2 聯(lián)系人頁(yè)面頁(yè)面效果圖:毒偌+ Q日新約用友功能描述：展示一個(gè)簡(jiǎn)單的頁(yè)面，能夠統(tǒng)計(jì)好友的數(shù)目。功能實(shí)現(xiàn)的步驟：主要是使用Android中常用的組件進(jìn)行頁(yè)面的簡(jiǎn)單編寫(xiě)界面使用的主要組件：ImageView負(fù)責(zé)展示圖片TextView負(fù)責(zé)展示文本5.4.3 發(fā)現(xiàn)(Discover)頁(yè)面：頁(yè)面效果圖受信+ Q%舟-三心陰一提我削硼人Q *<> wn功能描述：展示一個(gè)簡(jiǎn)單的頁(yè)面功能實(shí)現(xiàn)的步驟：主要是使用Android中常用的組件進(jìn)行頁(yè)面的簡(jiǎn)單編寫(xiě)界面使用的主要組件：ImageView負(fù)責(zé)展示圖片TextView負(fù)責(zé)展示文本5.4.4關(guān)于我界面頁(yè)面效果圖功能描述：展示一個(gè)簡(jiǎn)單的頁(yè)面，可以展示用戶的一些詳細(xì)的信息，例如：用 戶昵稱(chēng)，用戶頭像，用戶的二維碼名片等等。功能實(shí)現(xiàn)的步驟：(1)主要是使用Android中常用的組件進(jìn)行頁(yè)面的簡(jiǎn)單編寫(xiě)(2)通過(guò)在本地存儲(chǔ)的文件可以