標籤:des style blog http color io os 使用 ar
最近在研究iPhone流水布局的實現,首先得有資料,所以我就隨便在網上抓一些資料來實現。網上有很多網站是用瀑布流,比如蘑菇街,花瓣網,美麗說等等,今天就以花瓣網為例子,嘗試去抓取裡面我們想要的資料。
本來是我是想用objective-c的一個HTML開源架構hpple去解析花瓣網返回的html資料,提取裡面我們想要的節點,但是我嘗試了一下,實現不了,也聽網上說這個架構不是很完善。所以我乾脆用工具來實現了,網上有很多這樣的工具,現在我先一個叫charles的http代理監聽工具,它能夠監聽我們http的請求和資料返回。安裝好charles看到這個軟體的安裝目錄裡面有很多jar包,那這個軟體肯定是用java寫的。說的也是,java語言非常成熟,用的人非常多,網路上也有許多開源的網路解析架構,比如htmlParser。
廢話不多說,馬上進入主題。好,開啟charles,看看這個軟體長什麼樣子,同時也開啟瀏覽器,我這裡需要抓取資料地址是:http://huaban.com/daoquer/pins/
好了,攔截到資料了,,把response裡面的全部內容複寫,儲存成txt檔案,篇幅有限,我把部分需要的json內容截取下路,注意紅色那幾行,正是我要提取的資料,注意要選擇utf-8編碼格式。
"pins": [{
"pin_id": 43990618,
"user_id": 811487,
"board_id": 2203828,
"file_id": 10738872,
"file": {
"farm": "farm1",
"bucket": "hbimg",
"key": "2746e1395bacc6763dadbcc823fe4101fd6814ec37aab0-vlBGaL",
"type": "image/gif", //圖片的格式
"frames": 46
},
"media_type": 0,
"source": "daoquer.com",
"link": "http://daoquer.com/i/1407",
"raw_text": "玩滑板就好好玩被,刮到花花草草就不好了!", //圖片的描述資訊
"text_meta": null,
}
.......
.......
]
因為我是用虛擬機器開發,所以把檔案拷貝到mac系統,開啟xCode,建一個命令列項目,輸入代碼。
#import <Foundation/Foundation.h>#define baseURL @"http://img.hb.aicdn.com/"int main(int argc, const char * argv[]){ @autoreleasepool { NSData *data = [NSData dataWithContentsOfFile:@"/Users/liwenshen/Desktop/花瓣網/道趣兒/道趣兒json.txt"];//從解析好的資料產生NSdata對象 /* json解析網上有很多開源的架構,例如jsonKit,SBJson,都很好用,使用也簡單,我這裡就蘋果原生態的NSJSONSerialization。 */ NSDictionary *result = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingAllowFragments error:nil]; //根據字典裡面的內容拿出我們想要的資料,這個json資料比較複雜,需要你耐心觀察了 NSArray *array = result[@"user"][@"pins"]; NSMutableArray *resultArr = [NSMutableArray arrayWithCapacity:array.count];//用於臨時儲存最後產生的資料 for (NSDictionary * dict in array) { NSMutableDictionary *resultDict = [NSMutableDictionary dictionary]; //用於臨時儲存一個元素的內容 [resultDict setObject:dict[@"raw_text"] forKey:@"desc"]; //一張圖片的描述資訊 [resultDict setObject:[NSString stringWithFormat:@"%@%@",baseURL,dict[@"file"][@"key"]] forKey:@"imgURL"];//圖片的地址,要加片的基地址 NSString *imgType = [dict[@"file"][@"type"] substringFromIndex:6]; //截取字串字串 [resultDict setObject:imgType forKey:@"imgType"]; //圖片格式 [resultDict setObject:dict[@"file"][@"width"] forKey:@"width"]; //圖片的寬度 [resultDict setObject:dict[@"file"][@"height"] forKey:@"height"]; //圖片的高度 //寬高由伺服器返回來的,這樣子我們就不用算了,省了點事~~ [resultArr addObject:resultDict]; } [resultArr writeToFile:@"/Users/liwenshen/Desktop/花瓣網/道趣兒/道趣兒.plist" atomically:YES];//為了方便,寫到本地 //下載圖片,先把圖片下載下載以後備用 for (int i = 0; i < resultArr.count;i++) { NSDictionary *dict = resultArr[i]; NSString *imgURL = dict[@"imgURL"]; NSData *data = [NSData dataWithContentsOfURL:[NSURL URLWithString:imgURL]];//下載網路資料,先把圖片下載下來以後要用 NSString *path = [NSString stringWithFormat:@"/Users/liwenshen/Desktop/花瓣網/道趣兒/images/%d.%@",i,dict[@"imgType"]]; [data writeToFile:path atomically:YES]; } } return 0;}
運行項目,plist檔案和圖片就被我儲存到/Users/liwenshen/Desktop/花瓣網/道趣兒/,這個路徑下啦。
好了,本文介紹到這裡,由於每張圖片的高度不一樣,下次往將會流水布局想內容展示到介面。
iOS開發之抓取花瓣網json資料