ios 简单模仿随便走的AR功能一

来源：互联网发布：wap网站源码编辑：程序博客网时间：2024/06/13 19:06

好久没写博客了，把最近的一些研究写下来，

先来张随便走的截图，如下：

目前也有一些第三方的AR框架，所以不知道随便走到底是基于第三方的还是自己做的，但接下来我们会用简单的方式来实现AR功能。在这之前，你得先了解一些基本的常识，

1、真北真北指的是地理的北极

2、磁北磁北指的是磁场北极

3、方位角是从某点的指北方向线起，依顺时针方向到目标方向线之间的水平夹角

我们知道在ios系统框架中，有一个叫CoreLocation框架，专门是跟定位有关，通过这个框架，我们可以很方便的实现指南针的功能。我们可以看下CLLocationManager这个管理类，里面有经纬度、设备的真实方向等信息。我们看下CLHeading这个类，如下：

通过这个类，我们可以获取到设备跟磁北、真北的角度，x,y,z方向上的磁力值，我们先简单实现一个这样的功能，先画一个雷达图，在雷达图上有一根线指向磁北，

1、我们先新建一个UIVew，在drawRect:(CGRect)rec函数里画一个黑色的圆圈，代码如下：

- (void)drawRect:(CGRect)rect{            CGContextRef context = UIGraphicsGetCurrentContext();        CGContextAddEllipseInRect(context, rect);    [[UIColor colorWithRed:0 green:0 blue:0 alpha:0.6f] set];    CGContextFillPath(context);    }

2、我们在黑色的圆圈上面画一圈圈的白色圆圈，画三次，代码如下：

    NSArray *colors = @[                        [UIColor colorWithRed:240.0/255.0 green:240.0/255.0 blue:240.0/255.0 alpha:0.8],                        [UIColor colorWithRed:240.0/255.0 green:240.0/255.0 blue:240.0/255.0 alpha:0.8],                        [UIColor colorWithRed:240.0/255.0 green:240.0/255.0 blue:240.0/255.0 alpha:0.8]                        ];        NSInteger radius = self.frame.size.width/2/3, increment = self.frame.size.width/2/3;        NSArray *angles = @[                        @{@"start":@0, @"end":@360},                        @{@"start":@0, @"end":@360},                       @{@"start":@0, @"end":@360},                        ];    for (int i = 0; i < colors.count; i++) {        [colors[i] setStroke];        UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.frame.size.width/2, self.frame.size.height/2)                                                         radius:radius                                                     startAngle:DEGREES_TO_RADIANS([[angles[i] valueForKey:@"start"] integerValue])                                                       endAngle:DEGREES_TO_RADIANS([[angles[i] valueForKey:@"end"] integerValue])                                                      clockwise:YES];        path.lineWidth = 1;                [path stroke];                if (i==colors.count-2)        {            increment=self.frame.size.width/2/3;                    }        radius += increment;                           }

效果如下图：

3、然后我们画一根线，代码如下：

    CGContextSetLineCap(context, kCGLineCapRound);    CGContextSetLineWidth(context, 1);  //线宽    CGContextSetAllowsAntialiasing(context, true);    CGContextSetRGBStrokeColor(context, 70.0 / 255.0, 241.0 / 255.0, 241.0 / 255.0, 1.0);  //线的颜色    CGContextBeginPath(context);    CGContextMoveToPoint(context, self.frame.size.width/2, 0);    CGContextAddLineToPoint(context, self.frame.size.width/2, self.frame.size.height/2);    CGContextStrokePath(context);

4、我们初始化CLLocationManager这个类，代码如下：

 self.locationManager = [[CLLocationManager alloc] init];        if ([CLLocationManager locationServicesEnabled])        {            // Configure and start the LocationManager instance            self.locationManager.delegate = self;            self.locationManager.desiredAccuracy = kCLLocationAccuracyBest;            self.locationManager.distanceFilter = 100.0f;            //            [self.locationManager startUpdatingLocation];//            [self.locationManager startUpdatingHeading];        }

5、在CLLocationManager回调函数里，

- (void)locationManager:(CLLocationManager *)manager    didUpdateToLocation:(CLLocation *)newLocation           fromLocation:(CLLocation *)oldLocation{    }

我们让这个雷达图跟着角度转，指向磁北或真北，代码如下：

float direction = newHeading.trueHeading;    float headingAngle = -(direction*M_PI/180);    _arcsView.transform = CGAffineTransformMakeRotation(angle);

效果如下：

下篇文章，我们会继续画雷达图，一个扇形区域，还有雷达图上的点，

简书地址，http://www.jianshu.com/users/affac8cd1e02/timeline

大家可以关注，喜欢写文章的也可以关注我的专题，

0 0