/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 vote160 views1 answer
Hp omen gaming laptop
Objective-C
0 vote155 views1 answer
Multiple drop cap in word
Objective-C
12 votes238 views1 answer
Error: EPERM: operation not permitted, mkdir 'C:\Users\SHUBHAM~KUNWAR' command not found: create-react-app
Objective-C
0 vote156 views1 answer
Dequeuereusableheaderfooterview
Objective-C
18 votes238 views3 answers
Array initialization declaration c++
Objective-C
0 vote150 views1 answer
Use of undeclared identifier 'firapp' react native ios
Objective-C
0 vote158 views1 answer
Objective c reload Rows At
Objective-C
0 vote160 views1 answer
Statusbarwindow.status bar objective c
Objective-C
3 votes230 views5 answers
Html paragraph
Objective-C
3 votes240 views1 answer
Get product image woocommerce
Objective-C