直接上效果图:
红色
蓝色 选中状态
再上代码:
定义头文件
@interface QLMarkPenButton : UIButton
@property (nonatomic, strong) UIColor *markColor;
@end
实现文件:
#import "QLMarkPenButton.h"
//@implementation QLMarkPenButton
#define DebugMethod() NSLog(@"%s",__func__)
@implementation QLMarkPenButton
{
CAShapeLayer *shap;
CAShapeLayer *shap2;
}
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
-(id)init{
self = [super init];
if (self) {
[self commonInit];
}
return self;
}
-(void)commonInit{
DebugMethod();
_markColor = [UIColor blackColor];
self.backgroundColor = [UIColor whiteColor];
}
-(void)setMarkColor:(UIColor *)markColor {
_markColor = markColor;
[self setNeedsDisplay];
}
//-(void)setStateBtn:(BtnState)stateBtn{
// _stateBtn = stateBtn;
// [self setNeedsDisplay];
//}
- (void)drawRect:(CGRect)rect {
// Drawing code
DebugMethod();
CGFloat height = rect.size.height;
CGFloat width = rect.size.width;
CGFloat offset = self.selected?0:+height/4.0;
if (shap) {
[shap removeFromSuperlayer];
}
if (shap2) {
[shap2 removeFromSuperlayer];
}
if (1) {
UIBezierPath *path = [UIBezierPath bezierPath];
[path setLineWidth:2];
[path moveToPoint:CGPointMake(width/3.0, height+offset)];
[path addLineToPoint:CGPointMake(width/3.0, height/2+height/12+offset)];
[path addArcWithCenter:CGPointMake(width/3.0+width/12, height/2+width/12+offset) radius:width/12 startAngle:2/2.0*M_PI endAngle:3/2.0*M_PI clockwise:YES];
[path addLineToPoint:CGPointMake(width/3.0+width/12, height/2-width/6+offset)];
[path addLineToPoint:CGPointMake(width- (width/3.0+width/12), height/2-width/6+offset)];
[path addArcWithCenter:CGPointMake(width- (width/3.0+width/12), height/2+width/12+offset) radius:width/12 startAngle:3/2.0*M_PI endAngle:0 clockwise:YES];
[path addLineToPoint:CGPointMake(width- width/3.0, height+offset)];
// [path addLineToPoint:CGPointMake(50, 50/2.0)];
// [path addLineToPoint:CGPointMake(width/2-width/12, height/2.0+offset)];
// [path addLineToPoint:CGPointMake(width/2+width/12, height/2.0+offset)];
// [path addLineToPoint:CGPointMake(width- width/3.0, height+offset)];
// [path closePath];
[path stroke];
shap = [CAShapeLayer new];
shap.path = path.CGPath;
shap.fillColor = [UIColor whiteColor].CGColor;
shap.strokeColor = [UIColor blackColor].CGColor;
[self.layer addSublayer:shap];
UIBezierPath *path2 = [UIBezierPath bezierPath];
[path2 setLineWidth:0.1];
// [path2 moveToPoint:CGPointMake(width/3.0, height)];
// [path addLineToPoint:CGPointMake(50, 50/2.0)];
[path2 moveToPoint:CGPointMake(width/3.0+width/12+2, height/2-width/6+offset)];
[path2 addLineToPoint:CGPointMake(width/3.0+width/12+2, height/2-width/6-width/12+offset)];
[path2 addLineToPoint:CGPointMake(width- (width/3.0+width/12+2), height/2-width/6-width/6+offset)];
[path2 addLineToPoint:CGPointMake(width- (width/3.0+width/12+2), height/2-width/6+offset)];
//
// [path2 moveToPoint:CGPointMake(width/2-width/12+2, height/2.0-3+offset)];
// [path2 addLineToPoint:CGPointMake(width/2, height/4.0+offset)];
// [path2 addLineToPoint:CGPointMake(width/2+width/12-2, height/2.0-3+offset)];
[path2 closePath];
// [path2 stroke];
[path2 fill];
shap2 = [CAShapeLayer new];
shap2.path = path2.CGPath;
shap2.fillColor = _markColor.CGColor;
shap2.strokeColor = [UIColor clearColor].CGColor;// _penColor.CGColor;
[self.layer addSublayer:shap2];
}else{
CGContextRef contextRf = UIGraphicsGetCurrentContext();
CGContextSetStrokeColorWithColor(contextRf, [UIColor blackColor].CGColor);
CGContextSetLineWidth(contextRf, 2);
// CGContextMoveToPoint(contextRf, 100/3.0, 50);
CGContextMoveToPoint(contextRf, width/3.0, height);
CGContextAddLineToPoint(contextRf, width/2-width/12.0, height/2.0);
CGContextAddLineToPoint(contextRf, width/2+width/12.0, height/2.0);
CGContextAddLineToPoint(contextRf, width-width/3.0, height);
CGContextStrokePath(contextRf);
// return;
//第二条线
CGContextSaveGState(contextRf); // ----- 看这里
CGContextBeginPath(contextRf);
CGContextSetStrokeColorWithColor(contextRf, _markColor.CGColor);
CGContextSetLineWidth(contextRf, 0.1);
CGContextSetLineCap(contextRf, kCGLineCapRound);
CGContextMoveToPoint(contextRf, width/2-width/12.0-1, height/2.0-1);
CGContextAddLineToPoint(contextRf, width/2.0,height/4.0);
CGContextAddLineToPoint(contextRf, width/2+width/12.0-1, height/2.0-1);
CGContextAddLineToPoint(contextRf, width/2-width/12.0-1, height/2.0-1);
CGContextClosePath(contextRf);
CGContextStrokePath(contextRf);
CGContextSetFillColorWithColor(contextRf, [_markColor CGColor]);
CGContextFillPath(contextRf);
CGContextRestoreGState(contextRf); // ---- 看这里
}
self.layer.masksToBounds = YES;
}
@end
网友评论