Xcode 5 Round Rect Buttons

Question

I have an app that incorporates many round rect buttons. However, in xcode 5, those dont exist. How do I get the round rect buttons back? They are essential to my app. Now it just is pressable text. What do I do? I am planning on releasing this app later, if that is relevant.

Answer 1

1. Open the storyboard and choose the button you want to change.
2. Open the Identity Inspector in the Utility Panel (right panel, 3rd button on top).
3. Add (+) a new User Defined Runtime Attribute -- Key Path: layer.cornerRadius, Type: Number, Value: {integer}.

The higher the number, the more rounded the corners. 50 is a circle for a standard button (or width/2). You won't see the change in the storyboard, but it will show at runtime.

Answer 2

Swift 2.0:

let sampleButton = UIButton(frame: CGRectMake(100,100,200,100))
  sampleButton.titleLabel?.text = "SAMPLE"
  sampleButton.backgroundColor = UIColor.grayColor()

  //Setting rounded boarder
  sampleButton.layer.cornerRadius = 10
  sampleButton.layer.borderWidth = 1
  sampleButton.layer.borderColor = UIColor.blackColor().CGColor

  self.view.addSubview(sampleButton)

Answer 3

Click on the button you want to get rounded. Then click on the Identity Inspector on the right top side. There You can see User Defined Runtime Attributes. Click on plus (+)

You wont see the changes in View. You will see it in Runtime

Answer 4

Here's a similar answer to the one I gave to this question:

-EDIT-
Add: #import <QuartzCore/QuartzCore.h> to the top of your .h file.

If you want rounded corners just ctrl-drag from the button to your .h file, call it something like roundedButton and add this in your viewDidLoad:

CALayer *btnLayer = [roundedButton layer];
[btnLayer setMasksToBounds:YES];
[btnLayer setCornerRadius:5.0f];

To make the button white (or any other colour), select the attributes inspector and scroll down to the View section, select Background and change it to White:

Answer 5

Set a background image on your buttons with the desired borders, using a stretchable image.

Check this link for a good example: Stretch background image for UIButton

OR, embrace the new iOS7 UI and scrap the borders ... ;-)

Answer 6

In Swift 3: we can added it viewdidload

  button.layer.cornerRadius = 0.5*button.bounds.size.width
  button.clipsToBounds = true