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

由于项目需求,需要实现类似随便走的AR功能,先来张随便走的截图,如下:

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

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

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

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

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

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

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

[objc]view plaincopy

- (void)drawRect:(CGRect)rect{

CGContextRef context = UIGraphicsGetCurrentContext();

CGContextAddEllipseInRect(context, rect);

[[UIColorcolorWithRed:0green:0blue:0alpha:0.6f]set];

CGContextFillPath(context);

}

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

[objc]view plaincopy

NSArray*colors = @[

[UIColorcolorWithRed:240.0/255.0green:240.0/255.0blue:240.0/255.0alpha:0.8],

[UIColorcolorWithRed:240.0/255.0green:240.0/255.0blue:240.0/255.0alpha:0.8],

[UIColorcolorWithRed:240.0/255.0green:240.0/255.0blue:240.0/255.0alpha: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(inti =0; i < colors.count; i++) {

[colors[i]setStroke];

UIBezierPath*path = [UIBezierPathbezierPathWithArcCenter: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;

[pathstroke];

if(i==colors.count-2)

{

increment=self.frame.size.width/2/3;

}

radius += increment;

}

效果如下图:

3、然后我们画一根线,代码如下:

[objc]view plaincopy

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这个类,代码如下:

[objc]view plaincopy

self.locationManager= [[CLLocationManageralloc]init];

if([CLLocationManagerlocationServicesEnabled])

{

// 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回调函数里,

[objc]view plaincopy

- (void)locationManager:(CLLocationManager*)manager

didUpdateToLocation:(CLLocation*)newLocation

fromLocation:(CLLocation*)oldLocation

{

}

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

[objc]view plaincopy

floatdirection = newHeading.trueHeading;

floatheadingAngle = -(direction*M_PI/180);

_arcsView.transform= CGAffineTransformMakeRotation(angle);

效果如下:

下篇文章,我们会继续画雷达图,一个扇形区域,还有雷达图上的点~~~~~~~~~~~~~~~~~~
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容

  • 1.//获取字符串(或汉字)首字母+ (NSString *)firstCharacterWithString:(...
    艾希_可可阅读 531评论 0 0
  • 【iOS】Mapkit的使用:地图显示、定位、大头针、气泡等 标签:iOS地图mapkit 1.显示地图 (1)首...
    SumerZZ100阅读 2,457评论 0 2
  • 1、禁止手机睡眠[UIApplication sharedApplication].idleTimerDisabl...
    DingGa阅读 1,109评论 1 6
  • 1.不可变数组转变为可变数组声明实例变量的数组 必须记得实现 对于遍历数组找到对象后 如果还需要查找 记得先结束 ...
    小新xin阅读 671评论 0 1
  • 莎士比亚与克伦古堡 海底石 作 有人议论你们,莎士比亚 克伦古堡 议论你们的主次与从属 议论你们的名声与依附 你们...
    王自鹏阅读 509评论 4 2