Is there an easy way to add a border to a view in Xcode for iOS 5.1

ios uiview border
user1282180 picture user1282180 · Jun 18, 2012 · Viewed 44.3k times · Source

I'm looking to have a border around a UIView I have just to separate it from the main view visually.

I have looked in the settings for the UIView in storyboard editor but I can't seem to find anything for setting a border.

Is there an easy way to do this in code?

Answer

mtisz picture mtisz · Feb 1, 2015

With Swift and XCode 6 you can do this.

Click the UIView element in Storyboard, and go to identity inspector. In the user defined runtime attributes, enter:

layer.borderWidth number 1

If you want nice looking corners

layer.cornerRadius number 5
layer.masksToBounds boolean true

Now this will give you a border but to set the colour you need to do it with code. Go to your view controller, and add an IBOutlet from your UIView. Say you do,

@IBOutlet weak var xView: UIView!

Call this in the viewDidLoad function like below to set the colour.

xView.layer.borderColor = UIColor.whiteColor().CGColor

Thanks!

Related questions

Is it possible to set UIView border properties from interface builder?

Is it possible to control UIView border properties (color, thickness, etc...) directly from interface builder or I can only do it programmatically?

Read More
UIView bottom border?

To a UIScrollView *toScrollView (which is the width of the screen), I want to add a gray bottom border (exactly like that of the to-field of the compose view of the iPhone's native Messages app). To achieve this, I followed …

Read More
How to add a border just on the top side of a UIView

My question is on the title. I don't know how to add a border in a specific side, top or bottom, any side... layer.border draws the border for the whole view...

Read More