iOS高质量博客iOS 开发IT梦之队

三步为你的App集成LivePhoto功能

2016-11-01  本文已影响3142人  卖报的小画家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🔗

上一篇下一篇

猜你喜欢

热点阅读