/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

4 votes273 views4 answers
Command not found: create-react-app
Objective-C
0 vote286 views2 answers
Js-destructuring
Objective-C
3 votes294 views5 answers
Html paragraph
Objective-C
12 votes309 views1 answer
Error: EPERM: operation not permitted, mkdir 'C:\Users\SHUBHAM~KUNWAR' command not found: create-react-app
Objective-C
0 vote229 views1 answer
Eaeaeea
Objective-C
19 votes276 views2 answers
Objective c strings concatenate
Objective-C
0 vote250 views1 answer
Dispatch after objective c
Objective-C
0 vote240 views1 answer
React native Use of undeclared identifier 'SplashScreen'
Objective-C
0 vote233 views1 answer
Obj c redraw a view 60 times a sec
Objective-C
0 vote228 views1 answer
Use of undeclared identifier 'firapp' react native ios
Objective-C