animating the length of circular arrow mask in Core Animation

Question

I\'ve created a circular animation using CAShapeLayer and masking. Here is my code:

- (void) maskAnimation{


    animationCompletionBlock theBlock;
    imageVie         


        

Answer 1

Unfortunately, there are no options in path drawing to have a pointed line cap like the one you describe (options are available using CAShapeLayer's lineCap property, just not the one you need).

You will have to draw the path boundary yourself and fill it, instead of relying on the width of the stroke. This means 3 lines and 2 arcs, which should be manageable, although not as straightforward as what you tried to do.