iOS:贝塞尔曲线(UIBezierPath)-----OC

贝塞尔曲线是一个画图的类,需在drawRect方法中绘制;可以绘制直线、矩形、圆、椭圆以及其他复杂的图形
贝塞尔曲线(UIBezierPath)的使用如下:

类方法:
//基本路径
+ (instancetype)bezierPath;
//矩形路径
+ (instancetype)bezierPathWithRect:(CGRect)rect;
//椭圆,当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;
//CGpath创建
+ (instancetype)bezierPathWithCGPath:(CGPathRef)CGPath;
对象方法
- (instancetype)init NS_DESIGNATED_INITIALIZER;
- (nullable instancetype)initWithCoder:(NSCoder *)coder NS_DESIGNATED_INITIALIZER;
属性
//返回一个不可变的CGPathRef,在UIBezierPath被进一步修改之前有效
@property(nonatomic) CGPathRef CGPath;
- (CGPathRef)CGPath NS_RETURNS_INNER_POINTER CF_RETURNS_NOT_RETAINED;
//判断是否为空 只读属性
@property(readonly,getter=isEmpty) BOOL empty;
//整个路径的位置
@property(nonatomic,readonly) CGRect bounds;
//当前路径的位置
@property(nonatomic,readonly) CGPoint currentPoint;
//线的宽度
@property(nonatomic) CGFloat lineWidth;
//线的末端的类型
@property(nonatomic) CGLineCap lineCapStyle;
typedef CF_ENUM(int32_t, CGLineCap) {
    kCGLineCapButt, //无端点
    kCGLineCapRound,//圆形端点
    kCGLineCapSquare//方形端点
};
//相交线的交点类型
@property(nonatomic) CGLineJoin lineJoinStyle;
typedef CF_ENUM(int32_t, CGLineJoin) {
    kCGLineJoinMiter,//直接连接
    kCGLineJoinRound,//圆角连接
    kCGLineJoinBevel//斜角连接
};
//miterLimit 属性设置或返回最大斜接长度,只有当 lineJoinStyle 属性为 "kCGLineJoinMiter" 时,miterLimit 才有效
@property(nonatomic) CGFloat miterLimit; // Used when lineJoinStyle is kCGLineJoinMiter
//线的精细程度
@property(nonatomic) CGFloat flatness;
//填充区域的方法
@property(nonatomic) BOOL usesEvenOddFillRule; // Default is NO. When YES, the even-odd fill rule is used for drawing, clipping, and hit testing.
方法
//设置画笔的起始点
- (void)moveToPoint:(CGPoint)point;
//从当前点到指定点绘制直线
- (void)addLineToPoint:(CGPoint)point;
//绘制曲线(三阶贝塞尔曲线) 从起点到结束点的曲线,有两个控制点坐标controlPoint1、controlPoint2
- (void)addCurveToPoint:(CGPoint)endPoint controlPoint1:(CGPoint)controlPoint1 controlPoint2:(CGPoint)controlPoint2;
//绘制曲线(二阶贝塞尔曲线)从起点到终点的曲线,一个控制点
- (void)addQuadCurveToPoint:(CGPoint)endPoint controlPoint:(CGPoint)controlPoint;
//绘制弧线 中线点、半径、开始角、结束角、绘制方向
- (void)addArcWithCenter:(CGPoint)center radius:(CGFloat)radius startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle clockwise:(BOOL)clockwise API_AVAILABLE(ios(4.0));
//设置为封闭的路径
- (void)closePath;
//移除所有的点
- (void)removeAllPoints;
//两个贝塞尔曲线路径拼接
- (void)appendPath:(UIBezierPath *)bezierPath;
//创建并返回一个与当前路径相反的新的贝塞尔曲线
- (UIBezierPath *)bezierPathByReversingPath API_AVAILABLE(ios(6.0));
//用CGAffineTransform变换路径的所有点
- (void)applyTransform:(CGAffineTransform)transform;
//是否包含指定的点
- (BOOL)containsPoint:(CGPoint)point;
//设置虚线
- (void)setLineDash:(nullable const CGFloat *)pattern count:(NSInteger)count phase:(CGFloat)phase;
//获取虚线
- (void)getLineDash:(nullable CGFloat *)pattern count:(nullable NSInteger *)count phase:(nullable CGFloat *)phase;
//填充
- (void)fill;
//绘制路径
- (void)stroke;

//描边的混合模式
- (void)fillWithBlendMode:(CGBlendMode)blendMode alpha:(CGFloat)alpha;
//填充的混合模式
- (void)strokeWithBlendMode:(CGBlendMode)blendMode alpha:(CGFloat)alpha;
//修改当前图形上下文的绘制的可见区域,之后绘图操作显示的内容只有发生在指定路径的填充区域
- (void)addClip;

使用

1、绘制直线

UIBezierPath *path = [UIBezierPath bezierPath];
path.lineWidth = 3.f;
path.lineCapStyle = kCGLineCapRound;
[path moveToPoint:CGPointMake(100, 100)];
[path addLineToPoint:CGPointMake(300, 300)];
[path stroke];
line.png

2、矩形

UIBezierPath *path = [UIBezierPath bezierPathWithRect:CGRectMake(100, 100, 200, 200)];
path.lineWidth = 3.f;
path.lineCapStyle = kCGLineCapRound;
path.lineJoinStyle = kCGLineJoinBevel;
[path stroke];
Rect.png

3、椭圆/圆

UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(100, 100, 200, 300)];
path.lineWidth = 3.f;
path.lineCapStyle = kCGLineCapRound;
path.lineJoinStyle = kCGLineJoinBevel;
[path stroke];
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(100, 100, 200, 200)];
Oval_C.png
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(100, 100, 200, 300)];
Oval_O.png

4、圆/圆角矩形曲线,
a、半径大于或等于正方形的边长一半时为圆,此时半径不起作用(此处描述有问题)
b、半径小于于正方形的边长一半时为圆角矩形
c、当图形长和宽不等时为圆角矩形,如图"Rounded_R"

UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(100, 100, 180, 150) cornerRadius:80];
path.lineWidth = 3.f;
[path stroke];

问题:a的描述,当为正方形且半径时边长的一半是时圆。
当初始化的时候设置半径为32时,此时是一个圆角矩形。
当初始化的时候设置半径为33时,此时是一个圆。
希望知道的小伙伴解答一下,感激不尽!!!

[UIBezierPath bezierPathWithRoundedRect:CGRectMake(100, 100, 100, 100) cornerRadius:32];
32.png
[UIBezierPath bezierPathWithRoundedRect:CGRectMake(100, 100, 100, 100) cornerRadius:33];
33.png
Rounded_R.png

5、圆角矩形

UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(100, 200, 100, 100) byRoundingCorners:UIRectCornerTopLeft | UIRectCornerBottomRight cornerRadii:CGSizeMake(40, 40)];
path.lineWidth = 3.f;
[path fill];//填充
[path stroke];

typedef NS_OPTIONS(NSUInteger, UIRectCorner) {
    UIRectCornerTopLeft     = 1 << 0,
    UIRectCornerTopRight    = 1 << 1,
    UIRectCornerBottomLeft  = 1 << 2,
    UIRectCornerBottomRight = 1 << 3,
    UIRectCornerAllCorners  = ~0UL
};

UIRectCornerTopLeft | UIRectCornerBottomRight 用“|”或连接可以切指定位置的圆角,cornerRadii为圆角的大小


R.png

6、绘制贝塞尔曲线三阶

UIBezierPath *path = [UIBezierPath bezierPath];
path.lineWidth = 3.f;
path.lineCapStyle = kCGLineCapRound;
[path moveToPoint:CGPointMake(100, 100)];
[path addCurveToPoint:CGPointMake(300, 100) controlPoint1:CGPointMake(130, 70) controlPoint2:CGPointMake(160, 160)];
[path stroke];
Curve.png

7、绘制贝塞尔曲线二阶

UIBezierPath *path = [UIBezierPath bezierPath];
path.lineWidth = 3.f;
path.lineCapStyle = kCGLineCapRound;
[path moveToPoint:CGPointMake(100, 100)];
[path addQuadCurveToPoint:CGPointMake(300, 100) controlPoint:CGPointMake(180, 180)];
[path stroke];
QuadCurve.png

8、弧线

UIBezierPath *path = [UIBezierPath bezierPath];
path.lineWidth = 3.f;
path.lineCapStyle = kCGLineCapRound;
[path moveToPoint:CGPointMake(100, 100)];
[path addArcWithCenter:CGPointMake(200, 200) radius:100 startAngle:120 endAngle:180 clockwise:YES];
[path stroke];

[path addArcWithCenter:CGPointMake(200, 200) radius:100 startAngle:120 endAngle:180 NO];
Arc_NO.png
[path addArcWithCenter:CGPointMake(200, 200) radius:100 startAngle:120 endAngle:180 clockwise:YES];
Arc_YES.png
拓展

修改线的颜色

UIColor *color = [UIColor redColor];
[color set];//修改线和填充颜色
[color setFill];//修改填充颜色
[color setStroke];//修改线的颜色

如果想要线条颜色和填充的颜色不同,可以再次创建一个新的color。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容