[CAAnimation核心动画练习三]饼图1.0的制作

利用了几个中午的时间，终于有点效果了，得贴出来纪念下～～

#import <QuartzCore/QuartzCore.h>
#define SAngle @"StartAngle"
#define EAngle @"EndAngle"
typedef struct
{
    CGFloat BeginAngle;
    CGFloat StartAngle;
    CGFloat EndAngle;
}stPieAngleSet;

@interface PieLayer : CAShapeLayer

@property(nonatomic,assign) stPieAngleSet Angles;
@property(nonatomic,weak) id CADelegate;
@property(nonatomic,assign) CFTimeInterval CycleTime;
-(void)CreateAnimations;

@end

#import "PieLayer.h"

@implementation PieLayer

-(void)CreateAnimations
{
    /*创建两组动画，这里的动画没起作用，只提供了2个值，然后进行setPath*/
    CABasicAnimation* base1 = [CABasicAnimation animation];
    NSNumber* S  = [NSNumber numberWithFloat:self.Angles.BeginAngle];
    NSNumber* E  = [NSNumber numberWithFloat:self.Angles.BeginAngle + self.Angles.StartAngle];
    NSNumber* CS = [[self presentationLayer] valueForKey:SAngle];
    if (!CS) CS = S;
    [base1 setFromValue:CS];
    [base1 setToValue:E];
    [base1 setDuration:self.CycleTime];
    [base1 setDelegate:self.CADelegate];
    [base1 setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionDefault]];
    [self addAnimation:base1 forKey:SAngle];
    [self setValue:E forKey:SAngle];
    
    CABasicAnimation* base2 = [CABasicAnimation animation];
    S  = [NSNumber numberWithFloat:self.Angles.BeginAngle];
    E  = [NSNumber numberWithFloat:self.Angles.BeginAngle + self.Angles.EndAngle];
    CS = [[self presentationLayer] valueForKey:EAngle];
    if (!CS) CS = S;
    [base2 setFromValue:CS];
    [base2 setToValue:E];
    [base2 setDuration:self.CycleTime];
    [base2 setDelegate:self.CADelegate];
    [base2 setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionDefault]];
    [self setValue:E forKey:EAngle];
    [self addAnimation:base2 forKey:EAngle];
    
}
@end

#import <UIKit/UIKit.h>

@protocol PieViewDelegate <NSObject>

@required
-(void)show;

@end

@protocol PieViewSourceDelegate <NSObject>

@required
-(NSInteger)NumberOfParts;
-(NSInteger)PartValue:(NSInteger) Index;
-(UIColor*)PartColor:(NSInteger) Index;
@end
@interface PieView : UIView
@property (nonatomic,assign) CGFloat Radius;
@property (nonatomic,assign) CGFloat BeginAngle;
@property (nonatomic,assign) CFTimeInterval CycleTime;
@property (nonatomic,weak) id<PieViewSourceDelegate> SourceDelegate;

-(instancetype)initWithFrame:(CGRect)frame;
-(void)Refresh;
-(void)ReCovery;
@end

#import "PieView.h"
#import "PieLayer.h"

@implementation PieView
{
@private
    NSTimer* _timer;
    NSMutableArray *_animations;
}
-(instancetype)initWithFrame:(CGRect)frame
{
    if ([super initWithFrame:frame]) {
        _animations = [NSMutableArray arrayWithCapacity:5];
        _timer = nil;
        self.Radius = MIN(frame.size.width / 2, frame.size.height / 2);
        self.BeginAngle = 0;
        self.CycleTime = 1;
    }
    return self;
}

-(void)ReCovery
{
    NSInteger iCounts = self.layer.sublayers.count;
    if (iCounts == 0) return;
    __block stPieAngleSet sSet;
    sSet.BeginAngle = self.BeginAngle;
    sSet.StartAngle = 0.0;
    sSet.EndAngle = 0.0;
    [self.layer.sublayers enumerateObjectsUsingBlock:^(PieLayer* obj, NSUInteger idx, BOOL *stop) {
        [CATransaction begin];
        obj.Angles = sSet;
        [obj CreateAnimations];
        [CATransaction commit];
    }];    
}

-(void)Refresh
{
    if (!self.SourceDelegate) return;
    
    /*删除所有的layer,直接用self.layer.sublayers还有错误，和线程访问相关*/
    NSArray* arrRecovery = [NSArray arrayWithArray:self.layer.sublayers];
    if (arrRecovery.count > 0) {
        [arrRecovery enumerateObjectsUsingBlock:^(CAShapeLayer* obj, NSUInteger idx, BOOL *stop) {
            [obj removeFromSuperlayer];
        }];
    }
    /*获取数目*/
    NSInteger iPartCount = [self.SourceDelegate NumberOfParts];
    NSInteger iValues[iPartCount];
    NSInteger iSum = 0;
    
    /*获取值*/
    for (NSInteger i = 0; i < iPartCount; i++) {
        iValues[i] = [self.SourceDelegate PartValue:i];
        iSum += iValues[i];
    }
    if (iSum == 0) return;
    
    /*计算角度，弧度表示*/
    CGFloat fAngles[iPartCount];
    for (NSInteger i = 0; i < iPartCount; i++) {
        fAngles[i] = M_PI * 2 * iValues[i] / iSum;
    }
    stPieAngleSet sSets[iPartCount];
    CGFloat StartAngle = 0.0;
    for (NSInteger i = 0; i < iPartCount; i++) {
        sSets[i].BeginAngle = self.BeginAngle;
        sSets[i].StartAngle = StartAngle;
        sSets[i].EndAngle = StartAngle + fAngles[i];
        StartAngle += fAngles[i];
    }
    
    /*创建layer*/
    for (NSInteger i = 0; i < iPartCount; i++) {
        [CATransaction begin];/*认为可以不用加，因为创建了还看不到呢*/
        PieLayer* Layer = [PieLayer layer];
        [self.layer addSublayer:Layer];
        Layer.Angles = sSets[i];
        Layer.CADelegate = self;
        Layer.fillColor = [[self.SourceDelegate PartColor:i] CGColor];
        Layer.CycleTime = self.CycleTime;
        [Layer CreateAnimations];
        [CATransaction commit];
    }
}

-(void)TimerFired:(NSTimer*) timer
{
    [self.layer.sublayers enumerateObjectsUsingBlock:^(CAShapeLayer* obj, NSUInteger idx, BOOL *stop) {
        NSNumber* StartAngle = [[obj presentationLayer] valueForKey:SAngle];
        NSNumber* EndAngle = [[obj presentationLayer] valueForKey:EAngle];
        CGFloat S = [StartAngle floatValue];
        CGFloat E = [EndAngle floatValue];
        CGPoint _Center = self.layer.position;
        CGMutablePathRef path = CGPathCreateMutable();
        CGPathMoveToPoint(path, NULL, _Center.x, _Center.y);
        CGPathAddArc(path, NULL, _Center.x, _Center.y, self.Radius, S, E, 0);
        CGPathCloseSubpath(path);
        [obj setPath:path];
    }];
}

-(void)animationDidStart:(CAAnimation *)anim
{
    if (!_timer) {
        static float timeInterval = 1.0/60.0;
        _timer = [NSTimer timerWithTimeInterval:timeInterval target:self selector:@selector(TimerFired:) userInfo:nil repeats:YES];
        [[NSRunLoop currentRunLoop] addTimer:_timer forMode:NSRunLoopCommonModes];
        
    }
    [_animations addObject:anim];
}

-(void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
{
    [_animations removeObject:anim];
    if (_animations.count ==  0) {
        [_timer invalidate];
        _timer = nil;
    }
}
@end

调用部分

#import "ViewController.h"

@interface ViewController ()
  @property (nonatomic, strong) PieView* LeftPie;
@end

@implementation ViewController
{
    Boolean _IsShowState;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    self.LeftPie = [[PieView alloc] initWithFrame:CGRectMake(20, 20, 100, 100)];
    _IsShowState = NO;
    [self.view addSubview:self.LeftPie];
    self.LeftPie.CycleTime = 2;
    [self.LeftPie setSourceDelegate:self];
    [self.LeftPie setBeginAngle:M_PI / 2];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    if (_IsShowState) {
        [self.LeftPie ReCovery];
    }
    else {
        [self.LeftPie Refresh];
    };
    _IsShowState = !_IsShowState;
}
-(NSInteger)NumberOfParts
{
    return 5;
}
-(NSInteger)PartValue:(NSInteger)Index
{
    switch (Index) {
        case 0: return 20;
        case 1: return 10;
        case 2: return 30;
        case 3: return 40;
        case 4: return 25;
    }
    return 20;
}
-(UIColor*)PartColor:(NSInteger)Index
{
    switch (Index) {
        case 0: return [UIColor grayColor];
        case 1: return [UIColor redColor];
        case 2: return [UIColor darkGrayColor];
        case 3: return [UIColor blueColor];
        case 4: return [UIColor brownColor];
    }
    return [UIColor clearColor];
}
@end

总结下吧：

       1，虽然说属于动画部分，但没有用到动画效果，只是利用动画的中间值进行了layer的填充（自己的理解）

       2，这个还不完善，没有值和百分比的显示，也不能点击，更不是三维的，后期继续添加～～

核心思想出自一个ipad程序，里面写的挺复杂的，我做了提炼。工程的名字叫xyPieChart，链接忘了，作者看了请勿喷～～