一个扇形的动画效果

用cashapelayer和core animation实现的一个扇形的动画效果。

直接贴代码 可以让cashapelayer跟着动画里面的一个path动态的绘图

-(void)addarcanimation

{

    CAShapeLayer *linelayer=[CAShapeLayer layer];

    linelayer.strokeColor=[[UIColor colorWithRed:0.400 green:1.000 blue:1.000 alpha:1.000] CGColor];

    linelayer.fillColor=nil;//不能动态填充，你可以试试把设置个颜色，把linewidth设置小一些 看有什么效果。

    linelayer.lineWidth=40.0f;//线条宽度必须设高一点，设低了就是空心的

    linelayer.lineCap=kCALineCapButt;

    [self.view.layer addSublayer:linelayer];

//把layer插入你需要绘图的layer

    

    float x=self.view.bounds.size.width/2;

    float y=self.totaltimelable.frame.origin.y+self.totaltimelable.frame.size.height+(self.xuanzeLable.frame.origin.y-(self.totaltimelable.frame.origin.y+self.totaltimelable.bounds.size.height))/2;

    

    float radius=(self.xuanzeLable.frame.origin.y-(self.totaltimelable.frame.origin.y+self.totaltimelable.bounds.size.height))/2/2-5;

    

    UIBezierPath *path=[UIBezierPath bezierPathWithArcCenter:CGPointMake(x, y) radius:radius startAngle:0 endAngle:M_PI*2*[self totalworktimeproportionoftotaltime] clockwise:YES];

    

    linelayer.path=path.CGPath;//把layer的path设为动画里尼创建的path 必须是cgpath类型



    

    CABasicAnimation *animation=[CABasicAnimation animationWithKeyPath:@"strokeEnd"];

    

    animation.duration=1.0f;

    

    animation.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];

    

    animation.fromValue=[NSNumber numberWithFloat:0.0f];

    

    animation.toValue=[NSNumber numberWithFloat:1.0f];

    

    animation.autoreverses=NO;

    

    animation.fillMode=kCAFillModeForwards;

    

    animation.repeatCount=1;

    

    [linelayer addAnimation:animation forKey:@"strokeEndAnimation"];

    

    linelayer.strokeEnd=1.0f;

    //一定要把strokeEnd是什么搞清楚，它代表了layer的绘制程度，从0到1，0的话就是什么都不绘制，1的话就是完全绘制。

    

}