【正文】
性設(shè)定字體的格式和大小就可以了 , 比如 : =[UIFontfontWithName:@STXingkaiSCLightsize:15.]。 天氣情況模塊 本模塊 的核 心是 UIWebView , 在天 氣情況 界面 的 .h 文件里 引入U(xiǎn)IWebViewDelegate。進(jìn)入此頁(yè)面時(shí)請(qǐng)求網(wǎng)絡(luò)連接,依據(jù)已經(jīng)編寫好的 web 接口,********學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(論文) 第 26 頁(yè) 共 44 頁(yè) 請(qǐng)求相應(yīng)的數(shù)據(jù),并顯示在界面的 UIWebView 上。天氣數(shù)據(jù)主要有:最近日的氣溫,出行指數(shù),和需要注意東西。 進(jìn)入天氣信息界面天氣信息加載天氣信息加載結(jié)果連接網(wǎng)絡(luò) ( v o id ) w e b V i e w D id S t a r t L o a d : ( U I W e b V i e w * ) w e b V i e w ( v o id ) w e b V i e w : ( U I W e b V ie w * ) w e b V ie w d id Fa ilL o a d W it h E r r o r : ( N S E r r o r * ) e r r o r天氣信息獲取成功并顯示在界面上圖 52 天氣情況時(shí)序圖 網(wǎng)絡(luò)請(qǐng)求加載 和加載失敗,則通過(guò) UIWebViewDelegate 中的函數(shù)處理相應(yīng)情況。 網(wǎng) 絡(luò) 請(qǐng) 求 加 載 中 的 函 數(shù) 如 下 :(void)webViewDidStartLoad:(UIWebView*)webView{} 網(wǎng) 絡(luò) 請(qǐng) 求 失 敗 的 函 數(shù) 如 下 :(void)webView:(UIWebView*)webViewdidFailLoadWithError:(NSError*)error{} 景區(qū)業(yè)務(wù)之景區(qū)介紹 景區(qū)介紹主要是根據(jù)風(fēng)景區(qū)官網(wǎng)提供的各種資源進(jìn)行篩選,為用戶提供最官方最真實(shí)的景區(qū)資料。 ********學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(論文) 第 27 頁(yè) 共 44 頁(yè) 圖 53 景區(qū)業(yè)務(wù)模塊時(shí)序 圖 景區(qū)業(yè)務(wù)子模塊之景區(qū)文化 進(jìn)入景區(qū)文化這個(gè)子模塊,首先讓人記住的就是那枝動(dòng)態(tài)的櫻花。風(fēng)景區(qū)中,櫻花是最十分重要的元素。作為“世界三大賞櫻勝地”之一,已種植有 30000余株各類櫻花,共有 67 個(gè)品種,是我國(guó)規(guī)模最大,品種最全的櫻花種植基地,有“中華第一賞櫻勝地”的美譽(yù) [16]。 iOS 系統(tǒng)不支持 flash 動(dòng)畫,所以動(dòng)畫的實(shí)現(xiàn)只能過(guò)自定義圖片數(shù)組,然后改變 UIImageView 的屬性,讓圖片動(dòng)起來(lái)。這部分的核心代碼如下: 景區(qū)概況 景區(qū)文化 歷史淵源 地方特產(chǎn) 周邊景點(diǎn) 名人蹤跡 故事傳說(shuō) 詳細(xì)信息a c t i o n : @ s e l e c t o r ( p u s h M e n u I t e mC u l t u r e : )a c t i o n : @ s e l e c t o r ( p u s h M e n u I t e mH is t o r y : )a c t i o n : @ s e l e c t o r ( p u s h M e n u I t e mS p e c i a l t y : )a c t i o n : @ s e l e c t o r ( p u s h M e n u I t e mA llA r o u n d : )a c t i o n : @ s e l e c t o r ( p u s h M e n u I t e mC e l e b r it y Fo o t p r in t s : )a c t i o n : @ s e l e c t o r ( p u s h M e n u I t e mL e g e n d S t o r y : )黿頭渚介紹書畫展示黿頭渚介紹櫻花品鑒景區(qū)電話咨詢特產(chǎn)列表景點(diǎn)列表 ( v o id ) t a b le V i e w : ( U I T a b le V i e w * ) t a b le V ie w d id S e le c t R o w A t I n d e x P a t h : ( N S I n d e x P a t h * ) in d e x P a t h ( v o id ) b u t t o n C li c k : ( N S S t r in g * ) b u t t o n N a me名人蹤跡照片播放器 ( I B A c t io n ) c a l lP h o n e : ( id ) s e n d e r故事列表 ( v o id ) b u t t o n C li c k : ( N S S t r in g * ) b u t t o n N a me********學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(論文) 第 28 頁(yè) 共 44 頁(yè) NSArray*gifArray=[NSArrayarrayWithObjects:[UIImageimageNamed:@f1],…,nil]。 =gifArray。//動(dòng)畫圖片數(shù)組 =5。//執(zhí)行一次完整動(dòng)畫所需的時(shí)長(zhǎng) =999。//動(dòng)畫重復(fù)次數(shù) [flowerImageVstartAnimating]。 在景區(qū)文化中,還分有三個(gè)子模板:介紹,王昆侖故居,書畫展示。 這三個(gè)子模板主要是對(duì) iOS 中的 UILabel,UIButton,UIScrollView 等等這幾個(gè)控件的靈活使用,通過(guò)各種屬性參數(shù)的修改,讓他變成自己想要的顯示狀態(tài)。介紹是官網(wǎng)上對(duì)于的描述,主要通過(guò) UIScrollView 和 UILabel 來(lái)實(shí)現(xiàn);王昆侖故居主要介紹的是從 72 峰山館走出去的王昆侖先生的生平;書畫展示,是部分存放在風(fēng)景區(qū)的書畫欣賞。具體如圖 53: 圖 54 景區(qū)文化界面截圖 景區(qū)業(yè)務(wù)子模塊之景區(qū)歷史 景區(qū)歷史講述的是在歲月深處形成的過(guò)程,以及的櫻花展示。的歷史這個(gè)部分同樣使用了下載的字體美化界面, iOS 系統(tǒng)中關(guān)于 UIScrollView 的動(dòng)態(tài)處理的非常棒,讓用戶有完美的閱讀體驗(yàn)。通過(guò)點(diǎn)擊櫻花兩字,切換到櫻花展示的界面。 點(diǎn)擊旅游熱線圖片,可以撥打熱線咨詢景區(qū)旅游的相關(guān)信息。通過(guò)[[UIApplicationsharedApplication]openURL:[NSURLURLWithString:@6889688]]。就可以調(diào)用電話撥號(hào)界面,撥打電話。 ********學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(論文) 第 29 頁(yè) 共 44 頁(yè) 圖 55 歷史淵源界面截圖 景區(qū)業(yè)務(wù)子模塊之地方特產(chǎn) 在本部分,我自定義了顯示列表,通過(guò)獲取的特產(chǎn)信息,然后顯 示在界面上。通過(guò)在函 數(shù)(UITableViewCell*)tableView:(UITableView*)tableViewcellForRowAtIndexPath:(NSIndexPath*)indexPath{}中使用自定義的 Cell和數(shù)據(jù)類,讓獲取到的特產(chǎn)信息,顯示在列表中。 在 列 表 單 元 格 點(diǎn) 擊 事 件 函 數(shù)(void)tableView:(UITableView*)tableViewdidSelectRowAtIndexPath:(NSIndexPath*)indexPath{}中,處理點(diǎn)擊事件時(shí),同 時(shí)傳遞被點(diǎn)擊的單元的位置,讓進(jìn)入詳細(xì)頁(yè)面的動(dòng)態(tài)更加完美。界面如圖 55右圖,列表點(diǎn)擊跳轉(zhuǎn)的動(dòng)態(tài)核心代碼如下: [UIViewanimateWithDuration::0options:UIViewAnimationOptionCurveEaseInOut animations:^(void){=CGRectMake(35,200,)。 =CGRectMake(35,250,.)。 ...} pletion:NULL]。 景區(qū)業(yè)務(wù)子模塊之名人蹤跡 名人蹤跡這部分界面主要使用的是一個(gè)圖片播放器,它可以自動(dòng)播放圖片,有淡入淡出的效果,也可以通過(guò)點(diǎn)擊和滑動(dòng)進(jìn)行圖片翻頁(yè)。這個(gè)圖片播放器重寫了 UIScrollView,通過(guò)自定義,實(shí)現(xiàn)了圖片播放功能,核心代碼為: ********學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(論文) 第 30 頁(yè) 共 44 頁(yè) [arrOfImagesrelease]。arrOfImages=[arrretain]。 pageControl=[[UIPageControlalloc]init]。 =CGRectMake((98/[[UIScreenmainScreen]bounds].)*,(400/[[UIScreenmainScreen]bounds].)*,122,36)。 =。=0。 scrollview=[[UIScrollViewalloc]initWithFrame:]。 =CGSizeMake(*,eight)。 [scrollviewsetDelegate:self]。=NO。 =NO。 =YES。for(inti=0。i。i++){...} [pageControladdTarget:selfaction:@selector(pgCntlChanged:)forControlEvents:UIControlEventValueChanged]。 [selfperformSelector:@selector(startAnimatingScrl)withObject:nilafterDelay:]。 [selfaddSubview:scrollview]。[selfaddSubview:pageControl]。 景區(qū)業(yè)務(wù)子模塊之故事傳說(shuō)和周邊景點(diǎn) 故事傳說(shuō)和周邊景點(diǎn)都使用了花式按鈕,六個(gè)花瓣按鍵呈環(huán)型排列,中心 有個(gè)較大的花瓣按鈕。點(diǎn)擊自己感興趣的按鈕,那個(gè)按鈕就會(huì)自動(dòng)轉(zhuǎn)到最上方,并且中心按鈕也會(huì)變成那個(gè)被點(diǎn)擊的按鈕。通過(guò)點(diǎn)擊中心按鈕,跳轉(zhuǎn)到自己感興趣的部分。 動(dòng)態(tài)花式按鈕的實(shí)現(xiàn)主要依賴于 CircularLayOutView以及 XYPoint這兩個(gè)自定義的類。 CircularLayOutView定義的是動(dòng)態(tài)按鈕, XYPoint定義的是動(dòng)態(tài)按鈕的位置。 點(diǎn)擊中心按鈕就會(huì)根據(jù)你所選擇的按鈕 ID匹配相應(yīng)的故事 ID或者景點(diǎn) ID,讀取相關(guān)數(shù)據(jù)信息并顯示在界面上。 這個(gè)詳細(xì)信息界面主要是對(duì)于所選故事傳說(shuō)或者景點(diǎn)的基本介紹,還有相 關(guān)圖片資料的展示。圖片資料展示同樣使用了名人蹤跡中圖片播放器。 景區(qū)攻略(地圖導(dǎo)航) 這個(gè)模塊主要是對(duì)于地圖 API 的應(yīng)用,通過(guò)手機(jī)定位系統(tǒng)獲取用戶的當(dāng)前位置,上傳到地圖 API 應(yīng)用中。然后通過(guò)解析你上傳的請(qǐng)求目標(biāo),返回你所需要信息數(shù)據(jù)。手機(jī)端接收到相關(guān)信息并進(jìn)行處理、分類,然后顯示到界面上。 ********學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(論文) 第 31 頁(yè) 共 44 頁(yè) 景區(qū)攻略 景區(qū)行程推薦景區(qū)地圖景區(qū)美食 景區(qū)住宿 景區(qū)娛樂(lè) 周邊購(gòu)物 景點(diǎn)推薦 電子地圖p u s h M e n u I t e m Fo o t ( )p u s h M e n u I t e m E a t ( )p u s h M e n u I t e m E n t e r V C ( )p u s h M e n u I t e m S h o p p i n g ( )p u s h M e n u I t e m S h o o t ( ) ( I B A c t i o n ) c a l l P h o n e : ( i d ) s e n d e r ( ) ( v o i d ) a d d D a t a A r r a y A c t i o n ( ) ( v o i d ) t a b l e V i e w : ( U I T a b l e V i e w *) t a b l e V i e w d i d S e l e c t R o w A t I n d e x P a t h : ( N S I n d e x P a t h * ) i n d e x P a t h ( ) ( v o i d ) a n i m a t i n g I m a g e ( ) ( v o i d ) v i e w D i d A p p e a r : ( B OO L ) a n i m a t e d ( ) ( I B A c t i o n ) b u t 2 A c t i o n : ( i d ) s e n d e r ( ) ( v o i d ) v i e w D i d L o a d ( ) ( I B A c t i o n ) b u t t o n 1 A c t i o n : ( i d ) s e n d e r ( )p u s h M e n u I t e m L i v e ( ) ( v o i d ) v i e w D i d A p p e a r : ( B OO L ) a n i m a t e d ( ) ( v o i d ) d i d S e l e c t e d N o d e B u t t o n : ( C l o u d B u t t o n *) b u t t o n ( ) ( v o i d ) n o t i f y