Swift用UIBezierPath来画圆角矩形、自定义多路径图形

最好的特点就是可以自定义路径，设置圆角和描边都很方便，以下为代码和效果，均在playground中实现

1、首先实现一个圆角矩形，并对此路径描边，为其绘制一个轮廓。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

//: Playground - noun: a place where people can play   import UIKit   class MyView : UIView {      override func drawRect ( rect : CGRect ) {          var pathRect = UIEdgeInsetsInsetRect ( self . bounds , UIEdgeInsetsMake ( 1 , 1 , 1 , 1 ))                    var path = UIBezierPath ( roundedRect : pathRect , cornerRadius : 10 )                    path . lineWidth = 4                    UIColor . greenColor (). setFill ()          UIColor . blackColor (). setStroke ()          path . fill ()          path . stroke ()      } }   let viewRect = CGRect ( x : 0 , y : 0 , width : 100 , height : 100 ) let myEmptyView = MyView ( frame : viewRect )

　　

tips：所有绘制操作都是按照调用顺序进行的。在本段代码中，我在填充矩形后再对其进行描边。如果交换对path.fill()和path.stroke()的调用顺序，将会得到一个稍有不同的结果，绿色填充将会略微覆盖黑色描边，效果图如下。

 

2、下面自定义一条路径，确定几个点，然后像画笔一样连线！

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

//: Playground - noun: a place where people can play   import UIKit   class MyView : UIView {      override func drawRect ( rect : CGRect ) {          var bezierPath = UIBezierPath ()          //创建一个矩形，它的所有边都内缩5%          var drawingRect = CGRectInset ( self . bounds , self . bounds . size . width * 0.05 , self . bounds . size . height * 0.05 )                    //确定组成绘画的点          var topLeft = CGPointMake ( CGRectGetMinX ( drawingRect ), CGRectGetMinY ( drawingRect ))          var topRight = CGPointMake ( CGRectGetMaxX ( drawingRect ), CGRectGetMinY ( drawingRect ))          var bottomLeft = CGPointMake ( CGRectGetMinX ( drawingRect ), CGRectGetMaxY ( drawingRect ))          var bottomRight = CGPointMake ( CGRectGetMaxX ( drawingRect ), CGRectGetMaxY ( drawingRect ))          var center = CGPointMake ( CGRectGetMidX ( drawingRect ), CGRectGetMinY ( drawingRect ))                    //开始绘制          bezierPath . moveToPoint ( topLeft )          bezierPath . addLineToPoint ( topRight )          bezierPath . addLineToPoint ( bottomLeft )          bezierPath . addCurveToPoint ( bottomRight , controlPoint1 : center , controlPoint2 : center )                    //使路径闭合，结束绘制          bezierPath . closePath ()                    //设定颜色，并绘制它们          UIColor . redColor (). setFill ()          UIColor . blackColor (). setStroke ()                    bezierPath . fill ()          bezierPath . stroke ()      } }   let viewRect = CGRect ( x : 0 , y : 0 , width : 100 , height : 100 ) let myEmptyView = MyView ( frame : viewRect )

　

3、多条子路径也可以。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

//: Playground - noun: a place where people can play   import UIKit   class MyView : UIView {      override func drawRect ( rect : CGRect ) {          //创建一条空Bezier路径          let bezierPath = UIBezierPath ()                    //为两个组成部分定义矩形          let squareRect = CGRectInset ( rect , rect . size . width * 0.45 , rect . size . height * 0.05 )                    let circleRect = CGRectInset ( rect , rect . size . width * 0.3 , rect . size . height * 0.3 )                    let cornerRadius : CGFloat = 20                    //创建路径          let circlePath = UIBezierPath ( ovalInRect : circleRect )          let squarePath = UIBezierPath ( roundedRect : squareRect , cornerRadius : cornerRadius )                    //将它们添加到主路径          squarePath . appendPath ( circlePath )          bezierPath . appendPath ( squarePath )                    //设定颜色并绘制它们          UIColor . redColor (). setFill ()                    //绘制路径          bezierPath . fill ()      } }   let viewRect = CGRect ( x : 0 , y : 0 , width : 100 , height : 100 ) let myEmptyView = MyView ( frame : viewRect )

　　

以上就是UIBezierPath的基本用法，用好了将是绘制图形的又一利器。