全景浏览App工程一

工程背景

由于需要做一个全景浏览App，国内外开源代码库中只找到一个叫PanoramaGL的全景浏览库，里面有一些实例图片。这个库可以显示两种球型全景图（只是分辨率不同罢了），一个cube型还有个柱形Cylinder。由于我们暂时只做球形图，所以先考虑使用能够展示更加高清分辨率的球形图，2048*1024的分辨率。

万事开头难

当时由于对ios开发不熟悉，一打开PG库发现里面用的不是storyboard而是xib文件，这是什么鬼？我记得以前看人家都用storyboard，往上面拖拖控件然后跟.m连连线就ok，这个完全不知道干啥的。。于是我第一件事就是想把xib上的东西放到storyboard上去，这样我就直接用storyboard，往上面拖拖控件，连连线，多简单（尽管后来发现xib文件也可以。。反正当时就特不乐意用xib，任性。＝ ＝）。最后花了不少劲才在storyboard上显示全景图。以下是库使用的注意点。

• 注意要显示全景图片的viewController要绑定相应的类，我这里就是要绑定panoViewController，这是一个很基础的知识，然而我当时还是too young，too simple！
• 后来发现咋还是没办法显示全景图片呢，后来经过多方尝试，发现viewController上的UIView要继承库里面自定义的plview（将viewController的白板部分添加继承plview)，否则无法显示图片。。
• 如果要用到自己的全景图片，那么请注意图片到分辨率，只支持特定格式的分辨率，其余分辨率显示不出来。而且热点必须要加上，否则图片会变形～～具体原因还没未去调查。所以这里牵扯到要将图片分辨率调整的步骤

//改变图片分辨率方法- ( UIImage *)imageWithImageSimple:( UIImage *)image scaledToSize:( CGSize )newSize{        // Create a graphics image context    UIGraphicsBeginImageContext (newSize);    // Tell the old image to draw in this new context, with the desired    // new size    [image drawInRect : CGRectMake ( 0 , 0 ,newSize. width ,newSize. height )];    // Get the new image from the context    UIImage * newImage = UIGraphicsGetImageFromCurrentImageContext ();    // End the context    UIGraphicsEndImageContext ();    // Return the new image.    return newImage;}

CGSize size = CGSizeMake(2048, 1024);UIImage *newImage = [self imageWithImageSimple:img scaledToSize:size ];

• 如果要将PanoramaGL库导入到新建工程中，切忌注意要将PG库中.m文件在工程设置中加上”-fno-objc-arc”，否则将会冒出几十个红色的错误。。原因就是PG库不支持ARC功能，而现在的工程默认开启ARC功能。
• 目前本库可以支持手指滑动预览全景图片，如果要想调用陀螺仪进行旋转预览，则须在PanoramaGL中PLViewBase.m文件中作出修改。

-(void)drawViewInternally{    if(scene && !isValidForFov && !isSensorialRotationRunning)    {        PLCamera *camera = scene.currentCamera;        /**********获取陀螺仪数据然后给endPoint***************/        if (!_motionManager) {            _motionManager = [[CMMotionManager alloc] init];            _motionManager.gyroUpdateInterval = CRMotionGyroUpdateInterval;        }        if(touchStatus == PLTouchStatusMoved || touchStatus == PLTouchEventTypeBegan)        {            [camera rotateWithStartPoint:startPoint endPoint:endPoint];            if(delegate && [delegate respondsToSelector:@selector(view:didRotateCamera:rotation:)])            [delegate view:self didRotateCamera:camera rotation:[camera getAbsoluteRotation]];        }        //判断陀螺仪是否可用        else if([_motionManager isGyroAvailable]) {            [_motionManager startGyroUpdatesToQueue:[NSOperationQueue currentQueue] withHandler:^(CMGyroData * _Nullable gyroData, NSError * _Nullable error) {                if(fabs(gyroData.rotationRate.y) >= CRMotionViewRotationMinimumTreshold || fabs(gyroData.rotationRate.x) >= CRMotionViewRotationMinimumTreshold )                {//旋转频率需要自己设置                    endPoint.x = startPoint.x + gyroData.rotationRate.y * 70 ;                    endPoint.y = startPoint.y + gyroData.rotationRate.x * 70 ;                            [camera rotateWithStartPoint:startPoint endPoint:endPoint];                    if(delegate && self)                    {                            if([delegate respondsToSelector:@selector(view:didRotateCamera:rotation:)])                                [delegate view:self didRotateCamera:camera rotation:[camera getAbsoluteRotation]];                    }                    //[self retainCount];                }            }];        }    }    if(renderer)            [renderer render];}

总结

工程一的作用就是为工程二的核心功能做铺垫，下个博客主要分析工程二的框架，框架参考李明杰新浪微博教程中的内容。