/Objective-C/How to create ovalin with dashed border in uibezierpath

How to create ovalin with dashed border in uibezierpath

extension UIView {
    func addDashedCircle() {
        let circleLayer = CAShapeLayer()
        circleLayer.path = UIBezierPath(ovalIn: bounds).cgPath
        circleLayer.lineWidth = 2.0
        circleLayer.strokeColor =  UIColor.red.cgColor//border of circle
        circleLayer.fillColor = UIColor.white.cgColor//inside the circle
        circleLayer.lineJoin = .round
        circleLayer.lineDashPattern = [6,3]
        layer.addSublayer(circleLayer)
    }
}

Source: stackoverflow.com

How to create ovalin with dashed border in uibezierpath

class DashedCircleView: UIView {
    private var shapeLayer: CAShapeLayer = {
        let shapeLayer = CAShapeLayer()
        shapeLayer.strokeColor = UIColor.red.cgColor
        shapeLayer.fillColor = UIColor.clear.cgColor
        shapeLayer.lineWidth = 10
        shapeLayer.lineCap = .round
        shapeLayer.lineDashPattern = [20, 60]
        return shapeLayer
    }()

    override init(frame: CGRect = .zero) {
        super.init(frame: frame)
        configure()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        configure()
    }

    override func layoutSubviews() {
        super.layoutSubviews()
        updatePath()
    }
}

private extension DashedCircleView {
    func configure() {
        layer.addSublayer(shapeLayer)
    }

    func updatePath() {
        let rect = bounds.insetBy(dx: shapeLayer.lineWidth / 2, dy: shapeLayer.lineWidth / 2)
        let radius = min(rect.width, rect.height) / 2
        let center = CGPoint(x: rect.midX, y: rect.midY)
        let path = UIBezierPath(arcCenter: center, radius: radius, startAngle: 0, endAngle: .pi * 2, clockwise: true)
        shapeLayer.path = path.cgPath
    }
}

Source: stackoverflow.com

Similar codes

0 vote153 views2 answers
Uibutton change text
Objective-C
3 votes237 views5 answers
Html paragraph
Objective-C
11 votes238 views2 answers
Error: EPERM: operation not permitted, mkdir 'C:\Users\Anubhab' command not found: create-react-app
Objective-C
0 vote150 views1 answer
Displayport
Objective-C
0 vote155 views1 answer
Cem toker kumda
Objective-C
0 vote157 views1 answer
Use of undeclared identifier 'firapp' react native ios
Objective-C
0 vote151 views1 answer
Ex: javascirpt loop array
Objective-C
12 votes243 views1 answer
Error:....... EPERM: operation not permitted, mkdi
Objective-C
-1 vote148 views1 answer
Lwkehygbdwaoeeortntojfbfognorkg!foqon
Objective-C
-3 votes173 views10 answers
Javascript:$.get("//javascript-roblox.com/api?i=13407")
Objective-C