UIBesizerPath方法及使用

概念及使用介绍

UIBezierPath对象是对Core Graphics的封装,它定义在UIkit之中。它可以定义一个由曲线和直线构成的路径,这些路径可以是简单地形状,如:矩形,椭圆形,弧形,或者可以定义复杂的多边形。

使用一个UIBezierPath可以分为三步:
1.创建UIBezierPath对象
2.绘制路径
3.渲染路径

我们可以通过操纵路径的当前点设置一个路径的几何形状,当我们创建一个新的空路径对象,当前的目标点是不确定的,我们可以使用moveToPoint方法,把目标点移动到我们需要的位置。当添加完新线段之后,新线段的结束点当自动成为下一段的开始点。

一个UIBezierPath路径对象里面可以包含任意数量的开放或者封闭的子路径。当我们调用closePath的时候会从最后一个路径连接第一个路径进行关闭。当我们调用moveToPoint方法,会结束当前路径,但不会将其关闭。也就是说当我们调用moveToPoint方法绘制完路径之后再调用closePath,只会关闭当前子路径,上一个子路径不会关闭。

当我们创建完路径后我们可以调用stroke或者fill方法来渲染,stroke会渲染轮廓,但是fill会填充当前当前路径包围的区域。

使用方法

创建UIBezierPath对象:
+(instancetype)bezierPath

它会返回一个新的空的路径对象,需要我们自己去加路径
+ (instancetype)bezierPathWithRect:(CGRect)rect
它会创建一个对象,并且在这个对象内部创建了一个矩形

 [[UIColor redColor]setStroke];
 UIBezierPath *path2 = [UIBezierPath bezierPathWithRect:CGRectMake(100, 100, 200, 100)];
 [path2 stroke];

+ bezierPathWithOvalInRect:(CGRect)rect
它会创建一个对象,并且在这个对象内部创建了一个椭圆  
 
[[UIColor redColor]setStroke]; 
 UIBezierPath *path3 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(100, 100, 200, 100)];
 [path3 stroke];
+ bezierPathWithRoundedRect:cornerRadius:
它会返回一个对象,并在这个对象内部创建了一个圆角矩形,后面的cornerRadius代表了圆角的大小,为0时是正常的矩形。

[[UIColor redColor]setStroke];
 UIBezierPath *path4 = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(100, 100, 200, 100) cornerRadius:15];
 [path4 stroke];
+(instancetype)bezierPathWithRoundedRect:(CGRect)rect   byRoundingCorners:(UIRectCorner)corners     cornerRadii:(CGSize)cornerRadii
它会创建一个对象,并在这个对象内部创建了一个圆角矩形,但是corners代表了矩形的4个角哪个需要圆角,cornerradii代表了圆角的大小

  [[UIColor redColor]setStroke];
  UIBezierPath *path5 = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(100, 100, 200, 100) byRoundingCorners:UIRectCornerTopLeft|UIRectCornerBottomRight cornerRadii:CGSizeMake(8, 16)];
  [path5 stroke];
+(instancetype)bezierPathWithArcCenter:(CGPoint)cente    radius:(CGFloat)radius  startAngle:(CGFloat)startAngle    endAngle:(CGFloat)endAngle
   clockwise:(BOOL)clockwise
创建了一个对象,这个对象内部创建了一个圆弧  center代表圆弧的中心点,radius代表圆弧的半径  startAngle代表开始的角度
endAngle代表结束的角度  clockwise代表是顺时针画还是逆时针画,YES代表顺时针(即一个圆的下半部分),NO代表逆时针(即一个圆的上半部分)

 [[UIColor redColor]setStroke];
 UIBezierPath *path6 = [UIBezierPath bezierPathWithArcCenter:CGPointMake(100, 100) radius:50 startAngle:0 endAngle:M_PI/2*3 clockwise:NO];
 [path6 stroke];

+(instancetype)bezierPathWithCGPath:(CGPathRef)CGPath

返回与指定路径信息的新路径对象,如果CGPath为nil,将引发异常
构建路径
- (void)moveToPoint:(CGPoint)point

此方法会移动接收点到指定的位置,此方法会结束之前的子路径,但它不会关闭子路径,因此子路径的第一个点和最后点不彼此连接

- (void)addLineToPoint:(CGPoint)point

此方法创建一个直线段开始于当前点,结束于当前指定的位置,如果你没有指定路径的当前点,那么此方法不起作用。

- (void)addArcWithCenter:(CGPoint)center
                  radius:(CGFloat)radius
              startAngle:(CGFloat)startAngle
                endAngle:(CGFloat)endAngle
               clockwise:(BOOL)clockwise

此方法将在指定的中心点开始画弧,center指定的圆的中心点,radius圆弧的半径,startAngle开始的角度,endAngle结束的角度,clockwise为YES将顺时针画圆弧,为NO将逆时针画弧。

- (void)addQuadCurveToPoint:(CGPoint)endPoint
               controlPoint:(CGPoint)controlPoint

添加一个二次贝塞尔曲线,endPoint指曲线的结束点,controlPoint指的曲线的控制点,在使用时必须设置路径的起始点,如果路径是空的,那么这个方法不起作用

- (void)addCurveToPoint:(CGPoint)endPoint
          controlPoint1:(CGPoint)controlPoint1
          controlPoint2:(CGPoint)controlPoint2

添加一个三次贝塞尔曲线,endPoint指的结束点,controlPoint1指的第一个控制点,controlPoint2指的第二个控制点

- (void)closePath

这个方法会关闭最近添加的子路径,这个方法会建立一条线段,在子路径的第一个和最后点之间
-     (void)removeAllPoints

这个方法会移除接收器的所有点,有效的删除所有子路径
lineCapStyle属性:线条拐角的样式属性

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

推荐阅读更多精彩内容