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

1、計(jì)算機(jī)綜合應(yīng)用實(shí)踐設(shè)計(jì)報(bào)告班級學(xué)號:姓名：成績：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)航頁面5.2 登錄界面2.5.3 注冊頁面3.5.4 主頁面4.6項(xiàng)目總結(jié)8.1實(shí)驗(yàn)背景隨著移動互聯(lián)網(wǎng)的不斷發(fā)展，人們的生活和工作從PC端逐漸向移動端過度， 例如：手機(jī)，平板電腦，穿戴設(shè)備等等。這些設(shè)備大部分都是基于Android系統(tǒng)的，所以Android應(yīng)用的出現(xiàn)給每種設(shè)備提供了多元化的內(nèi)容。2實(shí)驗(yàn)?zāi)康募靶枨?D能夠明白微信的界面制作方法(2)能夠掌握 ViewPager的使用(3)能夠掌握簡單的數(shù)據(jù)存儲的方式(4)能夠?qū)崿F(xiàn)頁面之間數(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)微信注冊頁面的注冊功能(6) 實(shí)現(xiàn)模擬數(shù)據(jù)在微信主界面的展示(好友列表，聯(lián)系人，發(fā)現(xiàn)，關(guān)于我)5實(shí)驗(yàn)結(jié)果5.1 導(dǎo)航頁面：頁面效果圖:功能描述：導(dǎo)航頁面一共包含六個頁面，每個頁面主要是為了展示微信中具體 的一個特色功能，例如視頻聊天，搖一搖等等。六個頁面之間可以相互滑動，能夠重復(fù)的查看沒個頁面具體的內(nèi)容, 六個頁面

3、之間的滑動是通過 ViewPager實(shí)現(xiàn)的。ViewPager在Android中能夠?qū)崿F(xiàn)頁面或者是組件之間的相互滑動， 在滑動的過程中還可以實(shí)現(xiàn)一些獨(dú)特的功能，在每個頁面滑動的過程中 都可以添加或者監(jiān)聽相應(yīng)的滑動操作。當(dāng)滑動到第六個頁面的時候則導(dǎo)航的功能完成，即將進(jìn)入到登錄界 面，進(jìn)入如登錄界面主要是通過按鈕的點(diǎn)擊進(jìn)行一個簡單的頁面跳轉(zhuǎn)功 能，從而進(jìn)入登錄界面(LoginActivity).功能實(shí)現(xiàn)的步驟：(1)編寫六個對應(yīng)的界面(2)將六個界面轉(zhuǎn)化成對應(yīng)View對象(3)將六個 View對象放入集合中(ArrayList)(4)通過適配器將 View資源設(shè)置到ViewPager里界面使用的主

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

5、ickListener),輸入框內(nèi)容的取得(輸入框?qū)?象.getText().toString.trim()等等。(3)登錄功能的實(shí)現(xiàn)：在點(diǎn)擊的登錄按鈕的時候，先從存儲用戶名和密碼 的user.xml文件中讀取(SharedPreference技取)相應(yīng)的用戶信息，在讀取內(nèi)容完成后，將得到的內(nèi)容和輸入的內(nèi)容進(jìn)行比較操作，如果輸入框輸入的內(nèi)容和從user.xml文件中得到的內(nèi)容匹配，則跳轉(zhuǎn)到主頁面，否則的話提示用戶用戶名或 者密碼錯誤，從而引導(dǎo)用戶輸入正確的用戶名和密碼。界面使用的主要組件:ImageView實(shí)現(xiàn)返回按鈕的返回功能;View實(shí)現(xiàn)下劃線或者分割線的效果；TextView 主要是負(fù)責(zé)

6、頁面文本內(nèi)容的展示;EditTextView主要是負(fù)責(zé)用戶名和密碼的輸入；Button簡稱按鈕，主要負(fù)責(zé)點(diǎn)擊時頁面的跳轉(zhuǎn)和具體內(nèi)容的判斷等等5.3 注冊頁面頁面效果圖:功能描述：本界面是在用戶沒有用戶名和密碼的時候，進(jìn)行用戶名和密碼注冊的界 面，用戶在本界面可以完成用戶名和密碼的注冊，為以后的登錄做準(zhǔn)備，在用戶 進(jìn)行注冊的時候本程序采用的是臨時文件的存儲方式進(jìn)行用戶名和密碼的保存 （保存在user.xml文件中），注冊完成后直接從當(dāng)前界面跳轉(zhuǎn)到登錄界面進(jìn)行登錄。功能實(shí)現(xiàn)的步驟：(1)編寫注冊頁面，主要是注冊內(nèi)容的輸入，在本界面有注冊按鈕，點(diǎn)擊 注冊按鈕的時候，會進(jìn)行相應(yīng)的操作。(2)事件的設(shè)置

7、，給按鈕或者是文本輸入框進(jìn)行事件的設(shè)置，例如：在點(diǎn) 擊按鈕的時候得到三個輸入框的對應(yīng)內(nèi)容并執(zhí)行存儲操作，操作執(zhí)行過程中讓當(dāng)前的Activity進(jìn)行消失(調(diào)用當(dāng)前Activity的巾nish()方法)。(3)用戶信息的存儲，例如：用戶名，密碼，昵稱等等，信息存儲是使用 SharedPreference進(jìn)行內(nèi)容的存儲操作，存儲內(nèi)容的文件為 user.xml文件中。界面使用的主要組件：ImageView實(shí)現(xiàn)返回按鈕的返回功能和頭像的設(shè)置；View實(shí)現(xiàn)下劃線或者分割線的效果；TextView主要是負(fù)責(zé)頁面文本內(nèi)容的展示；EditTextView主要是負(fù)責(zé)用戶名和密碼的輸入以及昵稱；Button簡稱按鈕

8、，主要負(fù)責(zé)點(diǎn)擊時頁面的跳轉(zhuǎn)和具體信息的存儲。5.4 主頁面頁面效果圖:功能描述:主頁面主要是負(fù)責(zé)四個頁面之間的相互切換操作，在切換的過程中使用 的是ViewPager,從而實(shí)現(xiàn)和導(dǎo)航頁面功能相似的滑動效果，在這里主要是為了能夠在有限空間中展示更多信息。給用戶一個好的體驗(yàn)等等。功能實(shí)現(xiàn)的步驟：(1)編寫主頁面的布局，本也米娜主要使用 RelativeLayout布局管理器對 頁面進(jìn)行布局，在本布局最底部實(shí)現(xiàn)是個樣式相同的按鈕， 使這四個按鈕永遠(yuǎn)處 于屏幕的最下方在此過程中直接將 ViewPager設(shè)置在Titile和Buttom直接(就是 讓ViewPager處于屏幕的中間)。(2)在使用Vie

9、wPager實(shí)現(xiàn)頁面滑動效果是，和導(dǎo)航頁面的步驟是一樣的 但是在本頁面中實(shí)現(xiàn)的滑動是使用 Fragment解片化)實(shí)現(xiàn)的，在頁面進(jìn)行滑動時 還可以改變底部按鈕的背景顏色。(3)除了頁面可以滑動外，用戶還可以點(diǎn)擊對應(yīng)的四個按鈕進(jìn)行頁面的切 換操作，主要是給四個按鈕分別設(shè)置了單擊事件 (在一個Activity中如果想要同 時給多個組件設(shè)置單擊事件的話，可以讓本 Activity 實(shí)現(xiàn)implements OnClickListener)。界面使用的主要組件：TextView負(fù)責(zé)文本信息的展示ImageView負(fù)責(zé)圖片內(nèi)容的展示Button主要一些單擊事件的操作ViewPager主要是負(fù)責(zé)頁面的滑動

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

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

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