iOS相关好东西iOS技术资料

iOS利用opencv库拼接全景图片以及制作全景相机的思路

2017-09-15  本文已影响842人  ZYiDa

先看效果图

原图
未命名
拼接后的效果图
WechatIMG85.png

下面开始介绍拼接图片过程

请看项目目录
image.png

Github上面搜索CVWrapper ,选择Objective-C部分,将上图中的文件导入到项目中。ImageUnti是我另外添加的裁剪图片的工具类,你们可以在我之前的文章中找一下源代码。
由于opencv库太大,在github上面下载的项目中,里面会没有相应的framework文件,这时候,可以去github或百度上面另外下载。
编译一下项目,如果没有出错,就可以继续使用了。

使用过程

请看代码

#import "ViewController.h"
#import "CVWrapper.h"
#import "ImageUtil.h"
@interface ViewController ()<UIScrollViewDelegate>
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@property (nonatomic,strong) UIImageView *imageView;
@property (weak, nonatomic) IBOutlet UIActivityIndicatorView *indictor;
@end

@implementation ViewController

- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
    self.indictor.center = self.view.center;
}

- (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];

    self.imageView.contentMode = UIViewContentModeScaleToFill;
    [self createFullShotImages];
}
- (void)viewDidLoad {
    [super viewDidLoad];
}

#pragma mark 异步线程 拼接全景图片
- (void)createFullShotImages
{
    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
        [self.indictor startAnimating];
        CGSize size = CGSizeMake(720, 960);
        NSMutableArray *images = [NSMutableArray array];
        for (int i = 0; i<3; i++)
        {
            NSString *imageName = [NSString stringWithFormat:@"0%d.jpg",i+1];
            UIImage *image = [UIImage imageNamed:imageName];
            UIImage *resizeImage = [ImageUtil resizeImageWithImage:image targetSize:size];
            [images addObject:resizeImage];
        }

        //TODO:在这里传入需要拼接的图片数组,返回拼接后的图片
        UIImage *fullShotImage = [CVWrapper processWithArray:images];

        //回到主线程中显示拼接后的image
        dispatch_async(dispatch_get_main_queue(), ^{

            UIImageView *midImageView = [[UIImageView alloc]initWithImage:fullShotImage];
            self.imageView = midImageView;
            [self.scrollView addSubview:self.imageView];

            //利用scrollView控制全景图片的缩放
            self.scrollView.backgroundColor = [UIColor darkGrayColor];
            self.scrollView.contentSize = self.imageView.bounds.size;
            self.scrollView.maximumZoomScale = 4.0;
            self.scrollView.minimumZoomScale = 0.5;
            self.scrollView.delegate = self;
            CGFloat pointX = -(self.scrollView.bounds.size.width - self.imageView.bounds.size.width)/2.0;
            CGFloat pointY = -(self.scrollView.bounds.size.height - self.imageView.bounds.size.height)/2.0;
            self.scrollView.contentOffset = CGPointMake(pointX, pointY);
            [self.indictor stopAnimating];
            self.indictor.hidesWhenStopped = YES;
        });
    });
}
- (nullable UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
    return self.imageView;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
@end

主要代码使用起来很简单,但是还有几点需要注意

  1. 每两个相邻的拼接图片之间需要有重叠的部分
  2. 所有需要拼接的图片需要处于同一水平线上,不然可能会有拼接失败或图片混乱的情况
  3. libjpeg.a文件是辅助opencv使用的,这个也不可缺少。

至于制作全景相机的思路,我们可以使用自定义相机,利用重力感应控制好输出图片的水平位置,然后拍摄和拼接图片。我的思路不一定是最简单和正确的,还请各位多多指教。

要源码的人太多了,这里就把完整版的项目上传一下,地址完整版项目+OpenCV.Framework,密码:xr0u。代码在分享的过程中才能更加完善,谢谢各位的指导,喜欢的小伙伴可以给一个小心心(笑哭),打赏就不用了。

上一篇下一篇

猜你喜欢

热点阅读