Objective-Cの垂直点線。グラデーションの色を追加しますか？

Question

Objective-Cを使って縦の点線を作成したいと思います。本物の点線、破線ではありません。また、グラデーションカラーを追加したい。どうやって進める？

回答：

- (void)viewDidLoad { 
[super viewDidLoad]; 
// Do any additional setup after loading the view, typically from a nib. 

//At first, draw a gradient line 
CAGradientLayer *gLayer = [CAGradientLayer layer]; 
gLayer.frame = CGRectMake(50, 50, 10, 200); 
gLayer.colors = @[(__bridge id)[UIColor redColor].CGColor, 
        (__bridge id)[UIColor greenColor].CGColor]; 
[self.view.layer addSublayer:gLayer]; 

//Then, create a path for dots 
CGMutablePathRef dotPath = CGPathCreateMutable(); 
UIBezierPath *part1 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, 10, 10)]; 
UIBezierPath *part2 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 15, 10, 10)]; 
UIBezierPath *part3 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 30, 10, 10)]; 
UIBezierPath *part4 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 45, 10, 10)]; 
UIBezierPath *part5 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 60, 10, 10)]; 
UIBezierPath *part6 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 75, 10, 10)]; 
UIBezierPath *part7 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 90, 10, 10)]; 
UIBezierPath *part8 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 105, 10, 10)]; 
UIBezierPath *part9 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 120, 10, 10)]; 
UIBezierPath *part10 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 135, 10, 10)]; 
CGPathAddPath(dotPath, nil, part1.CGPath); 
CGPathAddPath(dotPath, nil, part2.CGPath); 
CGPathAddPath(dotPath, nil, part3.CGPath); 
CGPathAddPath(dotPath, nil, part4.CGPath); 
CGPathAddPath(dotPath, nil, part5.CGPath); 
CGPathAddPath(dotPath, nil, part6.CGPath); 
CGPathAddPath(dotPath, nil, part7.CGPath); 
CGPathAddPath(dotPath, nil, part8.CGPath); 
CGPathAddPath(dotPath, nil, part9.CGPath); 
CGPathAddPath(dotPath, nil, part10.CGPath); 

//Finally, set mask layer to the gradient line 
CAShapeLayer *maskLayer = [CAShapeLayer layer]; 
maskLayer.path = dotPath; 
[gLayer setMask:maskLayer]; 
} 

Answer 1

私は、すべてのドットがUIBezierPathによって作成された、あなただけを見て、あなたが欲しいものを変更することができ、あなたの説明に従ってサンプルを書く：

- (void)viewDidLoad { 
[super viewDidLoad]; 
// Do any additional setup after loading the view, typically from a nib. 

//At first, draw a gradient line 
CAGradientLayer *gLayer = [CAGradientLayer layer]; 
gLayer.frame = CGRectMake(50, 50, 10, 200); 
gLayer.colors = @[(__bridge id)[UIColor redColor].CGColor, 
        (__bridge id)[UIColor greenColor].CGColor]; 
[self.view.layer addSublayer:gLayer]; 

//Then, create a path for dots 
CGMutablePathRef dotPath = CGPathCreateMutable(); 
UIBezierPath *part1 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, 10, 10)]; 
UIBezierPath *part2 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 15, 10, 10)]; 
UIBezierPath *part3 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 30, 10, 10)]; 
UIBezierPath *part4 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 45, 10, 10)]; 
UIBezierPath *part5 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 60, 10, 10)]; 
UIBezierPath *part6 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 75, 10, 10)]; 
UIBezierPath *part7 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 90, 10, 10)]; 
UIBezierPath *part8 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 105, 10, 10)]; 
UIBezierPath *part9 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 120, 10, 10)]; 
UIBezierPath *part10 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 135, 10, 10)]; 
CGPathAddPath(dotPath, nil, part1.CGPath); 
CGPathAddPath(dotPath, nil, part2.CGPath); 
CGPathAddPath(dotPath, nil, part3.CGPath); 
CGPathAddPath(dotPath, nil, part4.CGPath); 
CGPathAddPath(dotPath, nil, part5.CGPath); 
CGPathAddPath(dotPath, nil, part6.CGPath); 
CGPathAddPath(dotPath, nil, part7.CGPath); 
CGPathAddPath(dotPath, nil, part8.CGPath); 
CGPathAddPath(dotPath, nil, part9.CGPath); 
CGPathAddPath(dotPath, nil, part10.CGPath); 

//Finally, set mask layer to the gradient line 
CAShapeLayer *maskLayer = [CAShapeLayer layer]; 
maskLayer.path = dotPath; 
[gLayer setMask:maskLayer]; 
} 

お手数ですがお手伝いします。