iOS如何在运动的大圆圈中绘制小圆圈限制

Question

我想实现此github项目中所示的效果，但我不想使用SpriteKit来实现这一目的。

因此，我尝试在CircleViiew.m中绘制一个关于Objective-C中CGContextRef的大圆圈。

 #import "CircleView.h"
 #import <QuartzCore/QuartzCore.h>
 #define CIRCLE_RADIUS  80

 @implementation CircleView
 -(id) initWithFrame:(CGRect)frame andCircleRadius:(int) radius
 {
     self = [super initWithFrame:frame];
     if(self)
     {   
     }
     return self;
 }

 - (void)drawRect:(CGRect)rect {

     CGContextRef context = UIGraphicsGetCurrentContext();

     // set rect background color
     CGRect drawRect = CGRectMake(rect.origin.x, rect.origin.y,rect.size.width, rect.size.height);
     CGContextSetRGBFillColor(context, 100.0f/255.0f, 100.0f/255.0f, 100.0f/255.0f, 1.0f);
     CGContextFillRect(context, drawRect);

     // set line border number
     CGContextSetRGBStrokeColor(context,0.6,1,0.6,1.0);
     CGContextSetLineWidth(context, 2.0);
     CGContextAddArc(context, 82, 82, CIRCLE_RADIUS, 0, 2*M_PI, 0);
     CGContextDrawPath(context, kCGPathStroke);

// fill color
     UIColor *fillCircleColor = [UIColor colorWithRed:1.000 green:0.800 blue:0.000 alpha:1.000];
     CGContextSetFillColorWithColor(context, fillCircleColor.CGColor);
     CGContextAddArc(context, 82, 82, CIRCLE_RADIUS, 0, 2*M_PI, 0);
     CGContextDrawPath(context, kCGPathFill);

     CGContextDrawPath(context, kCGPathFillStroke);   

 }
 @end

然后在ViewController中使用圆圈。

  CircleView *circle = [[CircleView alloc] initWithFrame:CGRectMake(20, 20, 164, 164)];
     [self.view addSubview:circle];

但是我不知道如何在大圆圈上添加小圆圈，并且当我们移动小圆圈时，小圆圈必须限制在大圆圈上。

是否在viewDidload上使用CircleView创建小圆圈对象以覆盖BigCircle？ 还是必须在CircleView类中绘制小圆圈？

我正在使用自动布局来创建效果。 我不知道我是否使用initwithFrame来制作，之后会产生问题。

谁能给我一些指导？

Answer 1

在大圆圈的前面（顶部）绘制小圆圈作为单独的视图。 例如，它可以是UIImageView。

给小圆圈UIPanGestureRecognizer，使其可拖动。

在手势识别器处理程序中，将视图移动到跟随用户手势的位置， 但是如果该视图与大圆圈中心的距离超过一定距离，则不移动视图。