贝塞尔曲线学习
上篇简单的学习了一下画线的知识，其实有心的人可能已经发现了，关于绘制这块，系统已经提供了几个内置的方法：
- (instancetype)bezierPathWithRect:(CGRect)rect;
- (instancetype)bezierPathWithOvalInRect:(CGRect)rect;
- (instancetype)bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius; // rounds all corners with the same horizontal and vertical radius
- (instancetype)bezierPathWithRoundedRect:(CGRect)rect byRoundingCorners:(UIRectCorner)corners cornerRadii:(CGSize)cornerRadii;
- (instancetype)bezierPathWithArcCenter:(CGPoint)center radius:(CGFloat)radius startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle clockwise:(BOOL)clockwise;
- (instancetype)bezierPathWithCGPath:(CGPathRef)CGPath;
今天就简单的介绍一下这几个方法
1:画矩形
• (instancetype)bezierPathWithRect:(CGRect)rect;
• 系统方法，画矩形
• rect: 矩形的Frame
-
(void)drawRect:(CGRect)rect
{
// 设置线的填充色
[[UIColor redColor] setStroke];// 新建一个bezier对象，此对象用于绘制矩形，需要传入绘制的矩形的Frame
UIBezierPath *bezierPath = [UIBezierPath bezierPathWithRect:CGRectMake(10, 10, 280, 280)];
// 设置线宽度
bezierPath.lineWidth = 10;
// 设置线两头样式
bezierPath.lineCapStyle = kCGLineCapRound;// 开始绘制
[bezierPath stroke];
}
2:画矩形，圆角矩形
• (instancetype)bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius; // rounds all corners with the same horizontal and vertical radius
• 系统方法，绘制一个圆角的矩形
• rect: 矩形的Frame
• cornerRadius: 圆角的半径
-
(void)drawRect:(CGRect)rect
{
// 设置线的填充色
[[UIColor redColor] setStroke];// 新建一个bezier对象，此对象用于绘制一个圆角矩形
UIBezierPath *bezierPath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(10, 10, 280, 280)
cornerRadius:30];
// 设置线宽度
bezierPath.lineWidth = 10;// 开始绘制
[bezierPath stroke];
}
3:画矩形，部分圆角的矩形
• (instancetype)bezierPathWithRoundedRect:(CGRect)rect byRoundingCorners:(UIRectCorner)corners cornerRadii:(CGSize)cornerRadii;
• 画一个部分圆角的矩形
• rect: 需要画的矩形的Frame
• corners: 哪些部位需要画成圆角
• cornerRadii: 圆角的Size
-
(void)drawRect:(CGRect)rect
{
// 设置线的填充色
[[UIColor redColor] setStroke];// 新建一个bezier对象，此对象用于绘制一个部分圆角的矩形，左上、右下
UIBezierPath *bezierPath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(10, 10, 280, 280)
byRoundingCorners:UIRectCornerTopLeft | UIRectCornerBottomRight
cornerRadii:CGSizeMake(10, 10)];
// 设置线宽度
bezierPath.lineWidth = 10;// 开始绘制
[bezierPath stroke];
}
4:画圆，内切圆
• (instancetype)bezierPathWithOvalInRect:(CGRect)rect;
• 画圆，这个方法绘制的是一个矩形的内切圆
• rect: 矩形的Frame
-
(void)drawRect:(CGRect)rect
{
// 设置线的填充色
[[UIColor redColor] setStroke];// 新建一个bezier对象，此对象用于绘制内切圆，需要传入绘制内切圆的矩形的Frame
UIBezierPath *bezierPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(10, 10, 280, 280)];
// 设置线宽度
bezierPath.lineWidth = 10;
// 设置线两头样式
bezierPath.lineCapStyle = kCGLineCapRound;// 开始绘制
[bezierPath stroke];
}
5:画圆弧
• (instancetype)bezierPathWithArcCenter:(CGPoint)center radius:(CGFloat)radius startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle clockwise:(BOOL)clockwise;
• center: 圆心坐标
• radius: 圆的半径
• startAngle: 绘制起始点角度
• endAngle: 绘制终点角度
• clockwise: 是否顺时针
-
(void)drawRect:(CGRect)rect
{
// 设置线的填充色
[[UIColor redColor] setStroke];// 新建一个bezier对象，此对象用于绘制一个圆弧
UIBezierPath *bezierPath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(150, 150)
radius:110
startAngle:0
endAngle:M_PI_2
clockwise:NO];
// 设置线宽度
bezierPath.lineWidth = 10;// 开始绘制
