Bordered iOS 8 Buttons Swift

Question

I want a flat looking white bordered around my UIButton. I would like it in Storyboard or programmatically. My code isn't working.

Code:

UIButton.layer.cornerRadius = 2;
UIButton.layer.borderWidth = 1;
UIButton.layer.borderColor = UIColor.whiteColor()

Can you elaborate on "isn't working"? Is it because you're trying to set properties on the UIButton class instead of an instance of that class? — Mick MacCallum, Jan 15 '15 at 12:28
UiButton.type doesn't have a member named layer is the error — Palash Sharma, Jan 15 '15 at 12:30
Right, the UIButton type doesn't have the properties you're trying to access. You need an instance of the class. — Mick MacCallum, Jan 15 '15 at 12:35
But [in this webpage](http://stackoverflow.com/questions/19142759/ios-7-round-framed-button) the class has been used — Palash Sharma, Jan 15 '15 at 12:40
It's true that those are UIButton's but they are instances of that class, not the class itself. You need to understand that there is a difference between a class and an instance. Understanding that will clarify the problem with your code. — Mick MacCallum, Jan 15 '15 at 12:44

score 16 · Answer 1 · answered Jan 15 '15 at 12:52

You should create referencing outlet for your button from storyboard to your VC named for example myButton than set its properties

myButton.layer.cornerRadius = 2;
myButton.layer.borderWidth = 1;
myButton.layer.borderColor = UIColor.whiteColor().CGColor

iOSAaronDavid · Answer 2 · 2018-02-02T16:40:55.337

5

You don't have to do this with code either. You can create a stretchable image and set it to the background image of the button in the attributes inspector.

enter image description here

edited Feb 02 '18 at 16:40

answered Jan 20 '15 at 18:02

iOSAaronDavid

140
15

link is unavailable – ursa Jan 07 '18 at 18:30
Thanks, the link was removed – iOSAaronDavid Feb 02 '18 at 16:41

score 1 · Answer 3 · answered Jan 15 '15 at 12:52

1

as 0x7fffffff said. UIButton is the class it can be instatiated bu invoking its constructor like this

let instanceOfUIButton = UIButton()

then you can set the desired attributes:

instanceOfUIButton.layer.cornerRadius = 2;

answered Jan 15 '15 at 12:52

nqvst

361
1
3

score 0 · Answer 4 · answered Dec 23 '16 at 13:33

In Xcode 8.2 (Swift 3) you can use "Identity Inspector Tab". Search for "Users Defined Runtime Attributes", after selecting your UIButton. There you can define these attributes:

Key Path: layer.cornerRadius; 2-Type: Number, 3-Value: 2
Key Path: layer.borderWidth; 2-Type: Number, 3-Value: 1
Key Path: layer.borderColor; 2-Type: Color, 3-Value: "select white or another one"

score 0 · Answer 5 · answered Apr 17 '17 at 21:47

Another option instead of creating a reference to each button would be to create a subclass of the type UIButton. You could then set the properties in the subclass. Next you could change the class of all the buttons in the storyboard that need to have the same properties.

class MyButton: UIButton {

 override func draw(_ rect: CGRect) {
        super.draw(rect)
        layer.borderWidth = 1.0
        layer.borderColor = UIColor.White
        layer.cornerRadius = 2
    }

}

score 0 · Answer 6 · edited Aug 08 '17 at 13:43

0

Add this line at the top

myButton.layer.masksToBounds = true

edited Aug 08 '17 at 13:43

Paul Roub

36,322
27
84
93

answered Aug 08 '17 at 13:31

Subharthy Ray

1
4

Bordered iOS 8 Buttons Swift

6 Answers6