iOS绘图 - UIBezierPath详解

上一篇文章只是简单介绍了绘图的几种方法,你可以根据你的项目选择不同的绘图方法。通过本篇对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


kCGLineJoinMiter.png
//绘制虚线
//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;

下一篇我们用UIBezierPath实现一个简单水波效果

你可能感兴趣的:(iOS绘图 - UIBezierPath详解)