基于ios的易車新聞客戶端的設(shè)計(jì)與實(shí)現(xiàn)畢業(yè)論文(編輯修改稿)
2025-07-24 17:41 本頁面
【文章內(nèi)容簡介】 索，活動(dòng)界面是收錄了各地區(qū)的優(yōu)惠活動(dòng)，我的界面是用戶用來登陸的。 軟件的體系結(jié)構(gòu)本軟件是典型的iOS移動(dòng)應(yīng)用客戶端, 采用建立在iOS系統(tǒng)之上的Cocoa Touch 應(yīng)用程序架構(gòu)。本軟件遵循M V C 架構(gòu)原則, 即數(shù)據(jù)( 模型, Model) 、視圖(View) 和控制器(Controller) 分為各自獨(dú)立的三層, 三層各自有自己的任務(wù)。數(shù)據(jù)層即模型層中主要封裝了數(shù)據(jù)庫有關(guān)和存儲(chǔ)文檔的數(shù)據(jù)類型。本軟件主要數(shù)據(jù)來源于WebServiceAPI , 數(shù)據(jù)層中存儲(chǔ)了所有新聞數(shù)據(jù)列表的信息、圖片列表信息, 新聞?wù)膬?nèi)容以JSON文件形式保存于應(yīng)用程序沙盒的緩存空間里, 圖片內(nèi)容以圖片二進(jìn)制形式保存于應(yīng)用程序的緩存空間里?？刂破鲗又邪ㄒ鎸雍瓦壿媽?。正文排版封裝了為新聞?wù)臄?shù)據(jù)排版的方法對(duì)正文信息的JSON文件進(jìn)行解析和處理, 重新拼裝出最終的正文HTML代碼。需要預(yù)先計(jì)算所有視圖框架的高度以及字符排版等特殊處理, 為視圖層展示做準(zhǔn)備。邏輯層主要負(fù)責(zé)應(yīng)用邏輯部分, 包括數(shù)據(jù)調(diào)用邏輯、數(shù)據(jù)與視圖關(guān)系的邏輯等等。邏輯層在代碼上主要表現(xiàn)為各個(gè)視圖控制器( UIViewcontroller) , 設(shè)置了整個(gè)應(yīng)用各個(gè)視圖之間如何切換, 數(shù)據(jù)關(guān)系如何協(xié)調(diào)等, 是銜接視圖層和數(shù)據(jù)層最重要的部分。其中在本次設(shè)計(jì)中我使用了繼承的方法來簡化代碼。視圖層主要基于UIKIT框架的重寫， 是對(duì)UIView 、 UIController、UITable ViewCell等基類view的封裝, 構(gòu)成了應(yīng)用中所有的視圖控件。UIKit提供了iOS視圖層中的各個(gè)類, 對(duì)各種基本控件進(jìn)行組裝和排版, 并封裝一部分界面邏輯代碼, 構(gòu)成應(yīng)用需要的特定的視圖控件, 如頭條界面主列表單元格、在用戶體驗(yàn)至關(guān)重要的移動(dòng)應(yīng)用中, 為了讓視覺效果更加華麗, 大部分視覺控件設(shè)置了相應(yīng)的視覺圖片, 如各種控件按鈕、背景圖片和部分視覺元素等。 第4章 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)整體易車App，簡潔，大方，美觀，時(shí)時(shí)刻刻注用戶體驗(yàn)，從流量，操作方便，直觀等的角度去思考，進(jìn)而設(shè)計(jì)出了如下的易車App。 引導(dǎo)界面引導(dǎo)界面如圖21所示：圖21 引導(dǎo)界面代碼如下：// NSUserDefaults中讀取第一次加載程序的標(biāo)志位 NSUserDefaults * defaults = [NSUserDefaults standardUserDefaults]。 NSString * friLoad = [defaults objectForKey:@Frist]。 if ( == 0) { [self createFirstLoadView]。 }}UIImageView * imgView = [[UIImageView alloc] initWithFrame:CGRectMake(320*i, 0, 320, 480)]。 =[UIImageimageNamed:[NSString stringWithFormat:@help%,i+1]]。 [s addSubview:imgView]。}當(dāng)程序第一次運(yùn)行時(shí)NSUserDefaults中的標(biāo)志位還沒有，所以會(huì)進(jìn)入引導(dǎo)界面，方便用戶更加清晰的了解管應(yīng)用的功能以及改動(dòng)信息，但以后再次運(yùn)行該程序時(shí)，我們可以通過判斷標(biāo)志位是否存在來決定是否進(jìn)入引導(dǎo)界面，如果NSUserDefaults已經(jīng)有了該標(biāo)志位，則不會(huì)進(jìn)入該引導(dǎo)界面，否則會(huì)進(jìn)入引導(dǎo)界面，同時(shí)還會(huì)在NSUserDefaults建立該標(biāo)志位，防止下次運(yùn)行程序還會(huì)進(jìn)入次引導(dǎo)界面。 頭條界面頭條界面如圖31所示:圖31 頭條界面主要代碼如下：view=[[UIViewalloc]initWithFrame:CGRectMake(0,0,320,120)]。_pageController=[[UIPageControlalloc]initWithFrame:CGRectMake(240,80,60,30)]。=5。=NO。_scrollerView=[[UIScrollViewalloc]initWithFrame:CGRectMake(0,0,320,120)]；[viewaddSubview:_scrollerView]。[viewaddSubview:_pageController]。=CGSizeMake(320*5,120)。=self。=YES。=NO。 for(inti=0。i5。i++){UIImageView*im=[[UIImageViewalloc]initWithFrame:CGRectMake(320*i,0,320,120)]。TouTiaoModel*m=_dataArr[i]。[imsetImageWithURL:[NSURLURLWithString:]]。UILabel*l=[[UILabelalloc]initWithFrame:CGRectMake(10,80,200,30)]。[imaddSubview:l]。=。=[UIFontsystemFontOfSize:15]。[_scrollerViewaddSubview:im]。} 頭條界面是一個(gè)類似于自定義tableBar的界面，里面有5個(gè)試圖控制器，其中要問界面是一個(gè)帶頭視圖的tableView，視頻界面是一個(gè)collectionView，其他三個(gè)（新車，評(píng)測，導(dǎo)購）由于UI界面類似，可以共用一個(gè)不帶頭視圖的tableView，通過實(shí)現(xiàn)tableView中的代理方法，實(shí)現(xiàn)對(duì)頭條界面的頁面布局，還可以用過繼承，例如新車，導(dǎo)購，評(píng)測界面，可以選擇繼承一個(gè)界面相同的名為FatherView的界面來實(shí)現(xiàn)代碼的簡潔性。其中FatherView使我們自己定義的一個(gè)界面，他也是一個(gè)tableView，通過對(duì)tableView的實(shí)例化，我們是實(shí)現(xiàn)了基本UI界面的布局，然后再通過對(duì)FatherView的繼承，我們可以直接使用這個(gè)對(duì)象，極大地簡化了代碼量。頭條，新車，評(píng)測，導(dǎo)購點(diǎn)擊進(jìn)入詳情界面是一個(gè)webView，五個(gè)試圖控制器加載在一個(gè)大的scrollerView里面，可以通過滑動(dòng)進(jìn)入相鄰的界面，其中視頻界面點(diǎn)擊進(jìn)入是一個(gè)MPMediaPlayer即iOS中自帶的視頻播放器，僅僅實(shí)現(xiàn)了視頻播放器的基本功能，其他界面進(jìn)入詳情后是一個(gè)webView，可以使用ios自帶的webView解析該數(shù)據(jù)。點(diǎn)擊頭條界面后進(jìn)入的詳情界面如圖41所示： 圖41 詳情界面代碼如下：NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:TouTiaoDetailUrl,_newsId]]。 NSURLRequest *request = [[NSURLRequest alloc]initWithURL:url]。//NSURLRequest是一個(gè)表示網(wǎng)絡(luò)請(qǐng)求的類 UIWebView *webView = [[UIWebView alloc]initWithFrame:CGRectMake(0, 0, 320, 48064)]。 [ addSubview:webView]。 =YES。 = [UIColor clearColor]。 [ addSubview:webView]。[webView loadRequest:request]。//打開request指定的網(wǎng)頁這個(gè)就是通過webView打開的網(wǎng)頁，UIWebView是iOS自帶的一種控件，而且界面美觀，使用方便，可以直接在webView上接入U(xiǎn)RL，即可出現(xiàn)原網(wǎng)頁的手機(jī)版。 車友界面車友界面如圖51所示： 圖51 車友界面車友界面是一個(gè)圖文混排，其主要代碼如下：TableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:@cell forIndexPath:indexPath]。 if (==0) { return cell。 } CheYouModel *m=_dataRr[]。 [ setImageWithURL:[NSURL URLWithString:]]。 =。 =。 =。 CGSize size =[ boundingRectWithSize:CGSizeMake(320, 1000) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:15]} context:nil].size。 =CGRectMake(0, 50, , )。 [ setImageWithURL:[NSURL URLWithString:]]。 =[NSString stringWithFormat:@%d分鐘前,[selfgetDate:]]。 [self refreshPhoto: model:]。 int heih=[self getiimHeight:]。 =CGRectMake(0, 60+, 320, heih)。 =CGRectMake(0, 70+heih+,320 ,35)。 =。 = [NSString stringWithFormat:@%@,]。 =[NSString stringWithForma
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1