How to set custom border color of UIView programmatically?

Question

I am trying to set a custom UIView border color programmatically in Swift.

Answer 1

If you are using Swift 2.0.0+

self.yourView.layer.borderWidth = 1 self.yourView.layer.borderColor = UIColor(red:222/255, green:225/255, blue:227/255, alpha: 1).cgColor 

Answer 2

In Swift 4, you can set the border color and width for UIControls using the code below.

 let yourColor : UIColor = UIColor( red: 0.7, green: 0.3, blue:0.1, alpha: 1.0 ) yourControl.layer.masksToBounds = true yourControl.layer.borderColor = yourColor.CGColor yourControl.layer.borderWidth = 1.0 

<Swift 4 , you can set the border width of the UIView and the border color using the code below.

 yourView.layer.borderWidth = 1 yourView.layer.borderColor = UIColor.red.cgColor 

Answer 3

Use @IBDesignable and @IBInspectable to do the same.

They can be reused, easily modified from Interface Builder, and the changes are immediately reflected in the storyboard

Match the objects in the storyboard to a specific class

Code snippet:

 @IBDesignable class CustomView: UIView{ @IBInspectable var borderWidth: CGFloat = 0.0{ didSet{ self.layer.borderWidth = borderWidth } } @IBInspectable var borderColor: UIColor = UIColor.clear { didSet { self.layer.borderColor = borderColor.cgColor } } override func prepareForInterfaceBuilder() { super.prepareForInterfaceBuilder() } } 

Allows you to easily modify the Interface Builder interface:

Answer 4

You can write an extension to use it with all UIViews, for example. UIButton, UILabel, UIImageView, etc. You can customize my next method to suit your requirements, but I think it will work well for you.

 extension UIView{ func setBorder(radius:CGFloat, color:UIColor = UIColor.clearColor()) -> UIView{ var roundView:UIView = self roundView.layer.cornerRadius = CGFloat(radius) roundView.layer.borderWidth = 1 roundView.layer.borderColor = color.CGColor roundView.clipsToBounds = true return roundView } } 

Using:

 btnLogin.setBorder(7, color: UIColor.lightGrayColor()) imgViewUserPick.setBorder(10) 

Answer 5

swift 3

 func borderColor(){ self.viewMenuItems.layer.cornerRadius = 13 self.viewMenuItems.layer.borderWidth = 1 self.viewMenuItems.layer.borderColor = UIColor.white.cgColor } 

Answer 6

Enter the code in viewDidLoad()

 self.view.layer.borderColor = anyColor().CGColor 

And you can set Color using RGB

 func anyColor() -> UIColor { return UIColor(red: 0.0/255.0, green: 0.0/255.0, blue: 0.0/255.0, alpha: 1.0) } 

Learn something about CALayer at UIKit

Answer 7

swift 3.0

 self.uiTextView.layer.borderWidth = 0.5 self.txtItemShortDes.layer.borderColor = UIColor(red:205.0/255.0, green:205.0/255.0, blue:205.0/255.0, alpha: 1.0).cgColor 

Answer 8

We can create a method for this. Just use it.

 public func createBorderForView(color: UIColor, radius: CGFloat, width: CGFloat = 0.7) { self.layer.borderWidth = width self.layer.cornerRadius = radius self.layer.shouldRasterize = false self.layer.rasterizationScale = 2 self.clipsToBounds = true self.layer.masksToBounds = true let cgColor: CGColor = color.cgColor self.layer.borderColor = cgColor } 

Answer 9

Swift 3.0

  groundTrump.layer.borderColor = UIColor.red.cgColor 

Answer 10

Swift 5.2 , UIView + extension

 extension UIView { public func addViewBorder(borderColor:CGColor,borderWith:CGFloat,borderCornerRadius:CGFloat){ self.layer.borderWidth = borderWith self.layer.borderColor = borderColor self.layer.cornerRadius = borderCornerRadius } } 

You used this extension;

 yourView.addViewBorder(borderColor: #colorLiteral(red: 0.6, green: 0.6, blue: 0.6, alpha: 1), borderWith: 1.0, borderCornerRadius: 20)