Cocoa Touch: How To Change UIView's Border Color And Thickness? Cocoa Touch: How To Change UIView's Border Color And Thickness? ios ios

Cocoa Touch: How To Change UIView's Border Color And Thickness?


You need to use view's layer to set border property. e.g:

#import <QuartzCore/QuartzCore.h>...view.layer.borderColor = [UIColor redColor].CGColor;view.layer.borderWidth = 3.0f;

You also need to link with QuartzCore.framework to access this functionality.


Xcode 6 update

Since Xcode's newest version there is a better solution to this:

With @IBInspectable you can set Attributes directly from within the Attributes Inspector.

My Custom View @IBInspectable Attributes

This sets the User Defined Runtime Attributes for you:

enter image description here

There are two approaches to set this up:

Option 1 (with live updating in Storyboard)

  1. Create MyCustomView.
  2. This inherits from UIView.
  3. Set @IBDesignable (this makes the View update live).*
  4. Set your Runtime Attributes (border, etc.) with @IBInspectable
  5. Change your Views Class to MyCustomView
  6. Edit in Attributes Panel and see changes in Storyboard :)

`

@IBDesignableclass MyCustomView: UIView {    @IBInspectable var cornerRadius: CGFloat = 0 {        didSet {            layer.cornerRadius = cornerRadius            layer.masksToBounds = cornerRadius > 0        }    }    @IBInspectable var borderWidth: CGFloat = 0 {        didSet {            layer.borderWidth = borderWidth        }    }    @IBInspectable var borderColor: UIColor? {        didSet {            layer.borderColor = borderColor?.CGColor        }    }}

* @IBDesignable only works when set at the start of class MyCustomView

Option 2 (not working since Swift 1.2, see comments)

Extend your UIView Class:

extension UIView {    @IBInspectable var cornerRadius: CGFloat = 0 {        didSet {            layer.cornerRadius = cornerRadius            layer.masksToBounds = cornerRadius > 0        }    }    @IBInspectable var borderWidth: CGFloat = 0 {        didSet {            layer.borderWidth = borderWidth        }    }    @IBInspectable var borderColor: UIColor? {        didSet {            layer.borderColor = borderColor?.CGColor        }    }}

This way, your default View always has those extra editable fields in Attributes Inspector. Another advantage is that you don't have to change the class to MycustomView every time.However, one drawback to this is that you will only see your changes when you run your app.


You can also create border with the color of your wish..

view.layer.borderColor = [UIColor colorWithRed:r/255.0 green:g/255.0 blue:b/255.0 alpha:1.0].CGColor;

*r,g,b are the values between 0 to 255.