三步为你的App集成LivePhoto功能

2017-01-14 10:45:30来源:http://www.jianshu.com/p/83eb0ac3d9c0作者:卖报的小画家Sure人点击

第七城市

LivePhoto是iOS9新推出的一种拍照方式,类似于拍摄Gif图或录制视频片段生成图片。如果没有画面感,可以联想《哈利波特》霍格沃茨城堡的壁画,哈哈,很炫酷有木有,但坑爹的是只有iphone6S以上机型才可以使用LivePhoto拍照,6S以下机型暂只可查看。效果如下:



LivePhoto效果图


具体如何使用可参照如下网址,本文主要在代码角度帮助大家为自己的App添加展示LivePhoto图片的功能。
苹果 Live Photo 怎么拍, Live Photos怎么使用


第一步,打开系统相册

我们需要创建UIImagePickerController对象,设置对应来源类型,代理等,这里需要注意要额外设置mediaTypes(媒体类型),以支持加载LivePhoto类型图片。还有为了适配iOS10,不要忘记在info.plist中设置隐私权限Privacy - Photo Library Usage Description


UIImagePickerController *ipc = [[UIImagePickerController alloc]init];
ipc.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
ipc.delegate = self;
// 设置mediaTypes 添加LivePhoto类型图片
NSArray *mediaTypes = @[(NSString *)kUTTypeImage, (NSString *)kUTTypeLivePhoto];
ipc.mediaTypes = mediaTypes;
[self presentViewController:ipc animated:YES completion:^{
}];

若发现kUTTypeImage类型报错,不要忘记添加MobileCoreServices框架


第二步,获取相册中LivePhoto图片

对图片类型进行判断,如果为普通图片,使用UIImageView加载即可,若为LivePhoto类型,使用PHPhotoLiveView进行显示。这里需要添加Photos与PhotosUI框架,分别用于对LivePhoto的判断与显示。具体代码如下:


- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info {
[self dismissViewControllerAnimated:YES completion:^{
PHLivePhoto *photo = [info objectForKey:UIImagePickerControllerLivePhoto];
if (photo) {
PHLivePhotoView *photoView = [[PHLivePhotoView alloc]initWithFrame:self.view.bounds];
photoView.livePhoto = [info objectForKey:UIImagePickerControllerLivePhoto];
photoView.contentMode = UIViewContentModeScaleAspectFill;
[self.view addSubview:photoView];
} else {
NSLog(@"普通图片,使用UIImageView加载即可");
}
}];
}

第三步,让图片动起来

PhotosUI框架为我们提供了两种LivePhoto的动态效果,一种为持续数秒,第二种为全部循环展示。
可通过如下方法进行调用


//效果1
[photoView startPlaybackWithStyle:PHLivePhotoViewPlaybackStyleHint];
//效果2
[photoView startPlaybackWithStyle:PHLivePhotoViewPlaybackStyleFull];

对应的停止动画的方法为


[photoView stopPlayback];

是不是So easy?
参考链接:How to display Live Photos in a view controller


demo下载链接

三步为你的App集成LivePhoto功能demo

第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台