[Swift]iOS开发之UIBezierPath画曲线

最新推荐文章于 2023-02-28 17:10:18 发布

weixin_30436891

最新推荐文章于 2023-02-28 17:10:18 发布

阅读量180

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发 swift

原文链接：http://www.cnblogs.com/ybw123321/p/5208556.html

本文详细介绍了如何使用Bezier曲线进行路径绘制，并通过添加起点、终点和控制点的辅助层来增强理解。此外，还展示了如何调整控制点以实现不同的路径效果。

用过任何绘图软件的朋友对Bezier曲线都不会陌生，就是钢笔工具～下面来看看Bezier曲线的画法，首先定义startPoint、endPoint和controlPoint

let startPoint = CGPointMake(100, 100)
let endPoint = CGPointMake(300, 100)
let controlPoint = CGPointMake(150, 50)

再定义path和layer

let path = UIBezierPath()
let layer = CAShapeLayer()

设置Bezier曲线的起点、终点和控制点

path.moveToPoint(startPoint)
path.addQuadCurveToPoint(endPoint, controlPoint: controlPoint)

最后添加layer到view

layer.path = path.CGPath
layer.fillColor = UIColor.clearColor().CGColor
layer.strokeColor = UIColor.blackColor().CGColor
        
view.layer.addSublayer(layer)

运行我们可以看到⬇️图效果

为了更好地理解Bezier曲线，我们为它添加起点终点和控制点的layer

let slayer = CALayer()
let elayer = CALayer()
let clayer = CALayer()
        
slayer.frame = CGRectMake(startPoint.x, startPoint.y, 5, 5)
elayer.frame = CGRectMake(endPoint.x, endPoint.y, 5, 5)
clayer.frame = CGRectMake(controlPoint.x, controlPoint.y, 5, 5)
        
slayer.backgroundColor = UIColor.redColor().CGColor
elayer.backgroundColor = UIColor.redColor().CGColor
clayer.backgroundColor = UIColor.redColor().CGColor

view.layer.addSublayer(slayer)
view.layer.addSublayer(elayer)
view.layer.addSublayer(clayer)

Run

是不是赶脚很熟悉，就是钢笔工具的赶脚嘛～接下来可以自己调节controlPoint试试～

还可以添加两个控制点，更改fillcolor

clayer2.frame = CGRectMake(controlPoint2.x, controlPoint2.y, 5, 5)

转载于:https://www.cnblogs.com/ybw123321/p/5208556.html