上一篇文章只是简单介绍了绘图的几种方法,你可以根据你的项目选择不同的绘图方法。通过本篇对UIBezierPath有一个详细的了解,帮助你更好的使用UIBezierPath。
学习UIBezierPath之前,我感觉最好是先将UIBezierPath的头文件定义先熟悉一遍,大概了解这个类的属性和方法。
UIBezierPath的工厂方法:
初始化一个贝塞尔对象
+ (instancetype)bezierPath;
初始化一个矩形贝塞尔
+ (instancetype)bezierPathWithRect:(CGRect)rect;
初始化一个矩形的内切圆曲线,想要一个圆的话就传入一个正方形Rect
+ (instancetype)bezierPathWithOvalInRect:(CGRect)rect;
初始化带圆角的贝塞尔,可以用来为UIView扩展添加圆角的方法
//cornerRadius是圆角的半径大小,传入的值最大为rect最长边的一半。rect为正方形传入一半宽时也可以得到一个圆形。常用于绘制圆角
+ (instancetype)bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius;
//如果想得到对应方向上的圆角,可以通过corners来指定某个角画成圆角
+ (instancetype)bezierPathWithRoundedRect:(CGRect)rect byRoundingCorners:(UIRectCorner)corners cornerRadii:(CGSize)cornerRadii;
初始化一个圆弧
//center:弧线中心点的坐标
//radius:所画弧线的半径
//startAngle:弧线的起始弧度
//endAngle:弧线的结束弧度
//clockwise:是否是顺时针
+ (instancetype)bezierPathWithArcCenter:(CGPoint)center
radius:(CGFloat)radius
startAngle:(CGFloat)startAngle
endAngle:(CGFloat)endAngle
clockwise:(BOOL)clockwise;
用Core Graphics Path生成一个贝塞尔
+ (instancetype)bezierPathWithCGPath:(CGPathRef)CGPath;
下面我们通过demo进一步了解UIBezierPath
构建path
设置起始点
- (void)moveToPoint:(CGPoint)point;
添加一条直线
- (void)addLineToPoint:(CGPoint)point;
添加一条三次贝塞尔曲线路径,一般和- (void)moveToPoint:(CGPoint)point;配合使用,设置三次贝塞尔曲线的起始点,endPint是曲线的终点,通过两个控制点确定曲线的路径
- (void)addCurveToPoint:(CGPoint)endPoint controlPoint1:(CGPoint)controlPoint1 controlPoint2:(CGPoint)controlPoint2;
添加一条二次贝塞尔曲线路径,一般和- (void)moveToPoint:(CGPoint)point;配合使用,设置二次贝塞尔曲线的起始点,endPoint是曲线的终点,通过一个控制点确定曲线的路径
- (void)addQuadCurveToPoint:(CGPoint)endPoint controlPoint:(CGPoint)controlPoint;
添加一段弧度路径,具体参数同上
- (void)addArcWithCenter:(CGPoint)center radius:(CGFloat)radius startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle clockwise:(BOOL)clockwise;
闭合路径,得到封闭图形
- (void)closePath;
移除所有的点
- (void)removeAllPoints;
添加路径对象
- (void)appendPath:(UIBezierPath *)bezierPath;
反方向绘制path
- (UIBezierPath *)bezierPathByReversingPath;
根据指定的放射变化矩阵变化路径中的所有点
- (void)applyTransform:(CGAffineTransform)transform;
path信息
//是否包含有效的元素
@property(readonly,getter=isEmpty) BOOL empty;
//路径相对于原点的bounds
@property(nonatomic,readonly) CGRect bounds;
//画笔的当前位置
@property(nonatomic,readonly) CGPoint currentPoint;
//路径是否包含指定点
- (BOOL)containsPoint:(CGPoint)point;
path样式设置
//线宽
@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//平角
};
//在连接点样式kCGLineJoinMiter时生效(角两个端点之间的距离),如果斜接长度超过miterLimit,边角样式就会变成kCGLineJoinBevel
@property(nonatomic) CGFloat miterLimit;
//绘图的精细程度,默认是0.6,越小精度越高
@property(nonatomic) CGFloat flatness;
//使用奇偶规则
@property(nonatomic) BOOL usesEvenOddFillRule;
miterLimit
//绘制虚线
//pattern:CGFloat pattern[] = { 1.0f, 2.0f };
//count:pattern中的数据个数
//phase: 开始画线型的起始位置
- (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;
//填充([[UIColor redColor] setFill]; 设置填充颜色,设置后调用填充方法)
- (void)fill;
//描边([[UIColor redColor] setStroke]; 设置描边颜色,设置后调用描边方法)
- (void)stroke;
//设置填充的混合模式
- (void)fillWithBlendMode:(CGBlendMode)blendMode alpha:(CGFloat)alpha;
//设置描边的混合模式
- (void)strokeWithBlendMode:(CGBlendMode)blendMode alpha:(CGFloat)alpha;
//修改当前图形上下文的绘图区域课件,随后的绘图操作都在执行此方法前的区域中呈现
- (void)addClip;