Home/ Questions/Q 8938093
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T10:32:47+00:00

How do I add dashed line border around UIView . Something Like this

  • 0

How do I add dashed line border around UIView.

Something Like this

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can set the border with this pattern using Layer and Bezier path like below examples.

    Objective-C

    CAShapeLayer *yourViewBorder = [CAShapeLayer layer];
yourViewBorder.strokeColor = [UIColor blackColor].CGColor;
yourViewBorder.fillColor = nil;
yourViewBorder.lineDashPattern = @[@2, @2];
yourViewBorder.frame = yourView.bounds;
yourViewBorder.path = [UIBezierPath bezierPathWithRect:yourView.bounds].CGPath;
[yourView.layer addSublayer:yourViewBorder];

    Swift 3.1

    var yourViewBorder = CAShapeLayer()
yourViewBorder.strokeColor = UIColor.black.cgColor
yourViewBorder.lineDashPattern = [2, 2]
yourViewBorder.frame = yourView.bounds
yourViewBorder.fillColor = nil
yourViewBorder.path = UIBezierPath(rect: yourView.bounds).cgPath
yourView.layer.addSublayer(yourViewBorder)

    You can also set different types of design using pattern image like below example.

    [yourView.layer setBorderWidth:5.0];
[yourView.layer setBorderColor:[[UIColor colorWithPatternImage:[UIImage imageNamed:@"DotedImage.png"]] CGColor]];///just add image name and create image with dashed or doted drawing and add here

    Here you’ve to add <QuartzCore/QuartzCore> framework in the project and import it with below line in YourViewController.m file.

    #import <QuartzCore/QuartzCore.h>
    • 0