您的位置:首页 > 产品设计 > UI/UE

iOS UICollectionView 入门 03 从Flickr获取数据

2015-03-14 18:10 225 查看
Flickr是国外一个照片分享网站,它提供了供开发人员使用的API,通过这些API,我们可以搜索相片,添加相片也可以对相片做评论。

要使用Flickr API,需要通过以下网址进行注册:

http://www.flickr.com/services/api/keys/apply/

对于测试工程,Flickr有一个sample key,使用这个key无需注册。

将以下语句贴到浏览器地址栏,进行任意的搜索:

http://www.flickr.com/services/api/explore/?method=flickr.photos.search



复制&api_key=到下一个&之间的内容,就是我们所需要的sample key



API key就是:e4deb65795343c6125d5aa32e0eb04ca

我们的目的是讲解UICollectionView而不是Flickr API,可以使用已经创建好的一系列用于在Flickr进行搜索的类。这两个类的下载链接为:UICollectionView测试代码使用的Flickr类



Flickr:提供用于执行搜索的简单阻塞式API,返回FlickrPhotos数组

FlickrPhoto:用于存储从Flickr获取的数据,包括缩略图、原图和比如ID之类的信息。

准备用于存储数据的数据结构

我们需要将每一次搜索的返回结果都记录下来,NSMutableDictionary是个不错的选择。我们使用搜索关键字作为字典的key。修改ViewController.m,添加对头文件的引用。

#import "Flickr.h"
#import "FlickrPhoto.h"
声明字典,数组和指向Flickr类的指针:

@property (nonatomic, strong) NSMutableDictionary *searchResults;
@property (nonatomic, strong) NSMutableArray *searchs;
@property (nonatomic, strong) Flickr *flickr;


在viewDidLoad的最后初始化这三个变量:

self.searchs = [@[] mutableCopy];
self.searchResults = [@{} mutableCopy];
self.flickr = [[Flickr alloc] init];


获取数据

打开Flickr.m,替换kFlickrAPIKey为之前你所获取的sample key值:

#define kFlickrAPIKey @"e4deb65795343c6125d5aa32e0eb04ca"
修改ViewController.m,实现UITextFieldDelegate方法,这个方法以异步的方式根据搜索关键字使用Flickr类进行搜索。首先判断我们是否已经搜索过该关键字了。如果没有搜索过,就执行搜索,处理返回的数据,存储到字典和数组中。然后更新UI。如果有任何错误,则以log方式输出。

- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
[self.flickr searchFlickrForTerm:textField.text
completionBlock:^(NSString *searchTerm, NSArray *results, NSError *error) {
if (results && [results count] > 0)
{
if (![self.searchs containsObject:searchTerm])
{
NSLog(@"Found %lu photos matching %@", (unsigned long)[results count], searchTerm);
[self.searchs insertObject:searchTerm atIndex:0];
self.searchResults[searchTerm] = results;
}

dispatch_async(dispatch_get_main_queue(), ^{
// placeholder: reload collection view data
});
}
else
{
NSLog(@"Error searching Flickr: %@", error.localizedDescription);
}
}];

[textField resignFirstResponder];
return YES;
}


编译执行,在output窗口可以看到以下信息:

2015-03-14 21:10:01.570 Flickr Search[9827:97615] http://farm6.staticflickr.com/5610/15638863271_62e9209da7_m.jpg 2015-03-14 21:10:02.652 Flickr Search[9827:97615] http://farm4.staticflickr.com/3950/15021381983_ddfde648d4_m.jpg
这里,我遇到了The operation couldn't be completed.(Cocoa error 256)错误,解决办法是换一个模拟器,我的iPad Air模拟器会出这个问题,换成iPad 2模拟机就可以了。

这一节,我们完成了从Flickr获取数据的实现,下一节我们将为使用UICollectionView做准备,实现UICollectionView所需的一些列代理方法。

转载请注明出处:/article/9358078.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: