How to add a dashed border for any particular edge of a UIView?

Question

How can I add a dashed border in certain side of the UIView only?Have referred to Dashed line border around UIView link, but I am kind of confused while giving the path for all the edges of a view.ok so, this is my code for adding a straight line border in particular side of a view:

func addRightBorder(with color: UIColor, andWidth borderWidth: CGFloat,view:UIView) {

            let border = UIView()
            border.backgroundColor = color
            border.autoresizingMask = [.flexibleHeight, .flexibleLeftMargin]
            border.frame = CGRect(x: view.frame.size.width - borderWidth, y: 0, width: borderWidth, height: view.frame.size.height)

            //border.addDashedLine(color: UIColor.red)
            border.addDashedLine(color: UIColor.red)
            view.addSubview(border)
        }*

How can I achieve the same thing but for dashed/dotted lines?

score 1 · Answer 1 · answered Sep 12 '17 at 10:53

In one of my app, I also needed a similar thing and I created UIView Extension.

Take a look at my code snippet,

extension UIView {
func removeDashedLine() {
    _ = layer.sublayers?.filter({ $0.name == "DashedTopLine" }).map({ $0.removeFromSuperlayer() })
}

func addDashedLine(_ path: UIBezierPath ,pattern : [NSNumber] = [1, 5], color: UIColor = UIColor.red) {

    self.backgroundColor = UIColor.clear

    let shapeLayer: CAShapeLayer = CAShapeLayer()
    let frameSize = self.frame.size
    let shapeRect = CGRect(x: 0, y: 0, width: frameSize.width, height: frameSize.height)

    shapeLayer.name = "DashedTopLine"
    shapeLayer.frame = shapeRect
    //shapeLayer.position = CGPoint(x: frameSize.width / 2, y: frameSize.height / 2)
    shapeLayer.fillColor = UIColor.clear.cgColor
    shapeLayer.strokeColor = color.cgColor
    shapeLayer.lineWidth = 1
    shapeLayer.lineJoin = kCALineJoinRound
    shapeLayer.lineDashPattern = pattern

    shapeLayer.path = nil
    shapeLayer.path = path.cgPath
    self.layer.insertSublayer(shapeLayer, at: 0)

}
}

It may not do exactly what you want but should help you

My solution is for dashed border, you need to pass UIBezierPath where you want to draw dash — Abhishek, Sep 12 '17 at 12:31
If you know position of dashed line, suppose always as Image then you can create Path with points of view — Abhishek, Sep 12 '17 at 12:59

How to add a dashed border for any particular edge of a UIView?

1 Answers1