Swift 如何在使用UIBezierPath点绘制矩形时圆角
我用UIBezierPath逐点添加一个矩形,现在我想把这个矩形的角磨圆,但似乎没有办法。有人能帮我吗Swift 如何在使用UIBezierPath点绘制矩形时圆角,swift,calayer,uibezierpath,rounded-corners,cashapelayer,Swift,Calayer,Uibezierpath,Rounded Corners,Cashapelayer,我用UIBezierPath逐点添加一个矩形,现在我想把这个矩形的角磨圆,但似乎没有办法。有人能帮我吗 class RectangleLayer: CAShapeLayer { let animationDuration: CFTimeInterval = 0.5 override init() { super.init() fillColor = Colors.clear.CGColor lineWidth = 5.0
class RectangleLayer: CAShapeLayer {
let animationDuration: CFTimeInterval = 0.5
override init() {
super.init()
fillColor = Colors.clear.CGColor
lineWidth = 5.0
path = rectanglePathStart.CGPath
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
var rectanglePathStart: UIBezierPath {
let rectanglePath = UIBezierPath()
rectanglePath.moveToPoint(CGPoint(x: 0.0, y: 100.0))
rectanglePath.addLineToPoint(CGPoint(x: 0.0, y: -lineWidth))
rectanglePath.addLineToPoint(CGPoint(x: 100.0, y: -lineWidth))
rectanglePath.addLineToPoint(CGPoint(x: 100.0, y: 100.0))
rectanglePath.addLineToPoint(CGPoint(x: -lineWidth / 2, y: 100.0))
rectanglePath.closePath()
// fillColor = Colors.red.CGColor
return rectanglePath
}
}
如果您只想创建一个圆角矩形,那么只需使用
let rectangle = CGRect(x: 0, y: 0, width: 100, height: 100)
let path = UIBezierPath(roundedRect: rectangle, cornerRadius: 20)
如果您想使某些角变圆,但不想使其他角变圆,则可以使用
let rectangle = CGRect(x: 0, y: 0, width: 100, height: 100)
let path = UIBezierPath(roundedRect: rectangle, byRoundingCorners: [.TopLeft, .BottomRight], cornerRadii: CGSize(width: 35, height: 35))
如果希望每个角具有不同的角半径,则必须分别为每个圆添加圆弧。这归结为计算每个圆弧的中心和起始角和结束角。您会发现,每个圆弧的中心都是从矩形的相应角插入角半径。例如,左上角的中心
CGPoint(x: rectangle.minX + upperLeftRadius, y: rectangle.minY + upperLeftRadius)
每个圆弧的起始角和结束角将是直线左、上、下或右。与这些方向对应的角度可以在UIBezierPath文档中看到
如果需要创建许多这样的矩形,可以为其创建一个方便的初始值设定项
extension UIBezierPath {
convenience init(roundedRect rect: CGRect, topLeftRadius r1: CGFloat, topRightRadius r2: CGFloat, bottomRightRadius r3: CGFloat, bottomLeftRadius r4: CGFloat) {
let left = CGFloat(M_PI)
let up = CGFloat(1.5*M_PI)
let down = CGFloat(M_PI_2)
let right = CGFloat(0.0)
self.init()
addArcWithCenter(CGPoint(x: rect.minX + r1, y: rect.minY + r1), radius: r1, startAngle: left, endAngle: up, clockwise: true)
addArcWithCenter(CGPoint(x: rect.maxX - r2, y: rect.minY + r2), radius: r2, startAngle: up, endAngle: right, clockwise: true)
addArcWithCenter(CGPoint(x: rect.maxX - r3, y: rect.maxY - r3), radius: r3, startAngle: right, endAngle: down, clockwise: true)
addArcWithCenter(CGPoint(x: rect.minX + r4, y: rect.maxY - r4), radius: r4, startAngle: down, endAngle: left, clockwise: true)
closePath()
}
}
像这样使用它
let path = UIBezierPath(roundedRect: rectangle, topLeftRadius: 30, topRightRadius: 10, bottomRightRadius: 15, bottomLeftRadius: 5)
您可以使用
bezierPathWithArcCenter:radius:StartTangle:endAngle:顺时针:
为每个要圆角的角点设置bezierPathWithArcCenter:radius:StartTangle:endAngle:顺时针方向。