/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

3 votes255 views1 answer
Get product image woocommerce
Objective-C
0 vote196 views1 answer
Displayport
Objective-C
2 votes247 views2 answers
Tsoiufgydijgtöeslkfjfölk silk fwi2
Objective-C
0 vote209 views1 answer
React native Use of undeclared identifier 'SplashScreen'
Objective-C
0 vote202 views1 answer
How to use line firebase authenticator
Objective-C
0 vote241 views3 answers
WIDZOWIE MENDIEGO
Objective-C
0 vote209 views1 answer
Dispatch after objective c
Objective-C
0 vote174 views0 answer
Objective-C
12 votes276 views1 answer
Error: EPERM: operation not permitted, mkdir 'C:\Users\SHUBHAM~KUNWAR' command not found: create-react-app
Objective-C
3 votes252 views3 answers
Vc_map type number
Objective-C