手繪彩色光圈

手繪彩色光圈

效果(本人根據上述原始碼進行了很大的改動):

原始碼:multicolorview.h

//

// multicolorview.h
// multicolorlayerdemo
//// created by liuyu on 14-7-5.
//// modify by youxianming on 14-7-13
////
#import @inte***ce multicolorview : uiview
@property (nonatomic, assign) cgfloat linewidth; // 圓的線寬
@property (nonatomic, assign) cftimeinterval sec; // 秒
@property (nonatomic, assign) cgfloat percent; // 百分比
@property (nonatomic, strong) nsarray *colors; // 顏色組(cgcolor)
- (void)startanimation;
- (void)endanimation;
@end

//

// multicolorview.m
// multicolorlayerdemo
//// created by liuyu on 14-7-5.
//// modify by youxianming on 14-7-13
////
#import "multicolorview.h"
@inte***ce multicolorview ()
@property (nonatomic, strong) cashapelayer *circlelayer;
@end
@implementation multicolorview
#pragma mark - 將當前view的layer替換成漸變色layer
+ (class)layerclass
#pragma mark - 初始化
- (instancetype)initwithframe:(cgrect)frame
return self;
}#pragma mark - 配置顏色
- (void)setupmulticolor
// 給漸變色layer設定顏色
[gradientlayer setcolors:[nsarray arraywitharray:colors]];
}else
}#pragma mark - 配置圓形
- (cashapelayer *)producecircleshapelayer
else
uibezierpath *circlepath = [uibezierpath bezierpathwitharccenter:circlecenter
radius:circleradius
startangle:m_pi
endangle:-m_pi
clockwise:no];
// 生產出乙個圓形路徑的layer
_circlelayer.path = circlepath.cgpath;
_circlelayer.strokecolor = [uicolor whitecolor].cgcolor;
_circlelayer.fillcolor = [[uicolor clearcolor] cgcolor];
if (_linewidth == 0)
else
// 可以設定出圓的完整性
_circlelayer.strokestart = 0;
_circlelayer.strokeend = 1.0;
return _circlelayer;
}#pragma mark - animation
- (void)startanimation
else
animation.repeatcount = maxfloat;
animation.fromvalue = [nsnumber numberwithdouble:0];
animation.tovalue = [nsnumber numberwithdouble:m_pi*2];
[self.layer addanimation:animation forkey:nil];
}@synthesize percent = _percent;
-(cgfloat)percent
- (void)setpercent:(cgfloat)percent
}- (void)endanimation
@end

//

// viewcontroller.m
// multicolorlayerdemo
//// created by liuyu on 14-7-5.
//// modify by youxianming on 14-7-13
////
#import "viewcontroller.h"
#import "multicolorview.h"
@inte***ce viewcontroller ()
@property (nonatomic, strong) nstimer *timer;
@property (nonatomic, strong) multicolorview *showview;
@end
@implementation viewcontroller
- (void)viewdidload
- (void)event:(id)object
@end

2. 給這個view新增乙個shapelayer

3. 將這個shapelayer當這個view的backedlayer

4. 動畫

5. 結束:)

可以設定的引數有4個:)