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

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

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

目前也有一些第三方的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:radiusstartAngle: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 instanceself.locationManager.delegate = self;self.locationManager.desiredAccuracy = kCLLocationAccuracyBest;self.locationManager.distanceFilter = 100.0f;//            [self.locationManager startUpdatingLocation];
//            [self.locationManager startUpdatingHeading];}

5、在 CLLocationManager回调函数里，

- (void)locationManager:(CLLocationManager *)managerdidUpdateToLocation:(CLLocation *)newLocationfromLocation:(CLLocation *)oldLocation
{}

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

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

效果如下：

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

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

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

ios 简单模仿随便走的AR功能一相关推荐

ios 简单模仿随便走的AR功能(原理)
先上个最终的效果动态图, ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 1.首先我们要自定义一个相机界面,可以用AVCaptureSession来自定义,不需要其 ...
Android布局之线性布局LinearLayout(二) ----简单模仿ios端小米计算器主界面UI
Android布局之线性布局LinearLayout(二) ----简单模仿ios端小米计算器主界面UI 今天老师的要求是让用LinearLayout布局做自己手机自带的计算器的UI设计,因为io ...
写一个简单的自动取款机c语言程序,C语言编程模仿银行ATM自动取款机功能
编程模仿银行ATM自动取款机功能,要求能实现以下功能: 1. 输入储户基本信息(既开户功能,开户成功需要打印储户基本信息): 2. 开户成功后打印欢迎界面,比如"开户成功,欢迎使用**银行自 ...
【无需代码】利用Vuforia for Unity实现简单的AR功能
准备工作: Unity2018+以上,目前高通Vuforia官网已经不支持下载,因为最新的Vuforia引擎已经集合到Unity2018以及更高版本里 Unity2018以下请自行下载官方包,百度搜索 ...
android 城市万花筒,实景导航神器随便走评测
在大家心目中,WP平台的应用丰富程度和Android.iOS相比的确差太多了,但是我们不能否认的是诺基亚提供的"城市万花筒"功能不但有趣,还非常实用.Android和iOS平台也不 ...
iOS 简单引导界面
代码地址如下: http://www.demodashi.com/demo/11607.html 前言现在很多APP在用户第一次用的时候,由于用户可能并不知道其中一些功能点的时候,这个时候就需要我们 ...
拼图java监听器,Android 简单的实现滑块拼图验证码功能
实现滑块拼图验证码功能之前已经写过一篇了,上一篇使用的是自定义控件的方式实现这个功能,主要还是想让童鞋们知其然更知其所以然,还没看的童鞋可以先看看Android实现滑块拼图验证码功能这篇. 在项目的开 ...
Unity 进阶之简单模仿鼠标交互（场景：手机屏幕当做触摸板Touch Pad，移动鼠标，鼠标确定等操作）
Unity 进阶之简单模仿鼠标交互(场景:手机屏幕当做触摸板Touch Pad,移动鼠标,鼠标确定等操作) 目录 Unity 进阶之简单模仿鼠标交互(场景:手机屏幕当做触摸板Touch Pad ...
评论：从简单法则说开去软件功能愈多愈好吗？
原贴:http://www.cnbeta.com/articles/80206.htm 感谢酷软田地的投递今天无意中看到世界知名的图像设计师.视觉艺术家前田约翰的简单法则,不多一共十条(见附录),作 ...

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

ios 简单模仿随便走的AR功能一相关推荐

最新文章

热门文章