Xcode 5 Round Rect Buttons

IphoneButtonXcode5

Iphone Problem Overview


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.

Iphone Solutions


Solution 1 - Iphone

  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.

Screenshot of added attribute

Solution 2 - Iphone

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:

enter image description here

Solution 3 - Iphone

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

Check this link for a good example: https://stackoverflow.com/questions/12623961/stretch-background-image-for-uibutton

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

Solution 4 - Iphone

Same can achieved by programmatically.where myView is IBOutlet object.

myView.layer.cornerRadius = 5;
myView.layer.masksToBounds = YES;

Solution 5 - Iphone

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)

Solution 6 - Iphone

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 (+)

see image

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

Solution 7 - Iphone

In Swift 3: we can added it viewdidload

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

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
Questionuser2779450View Question on Stackoverflow
Solution 1 - IphoneMatthew KorporaalView Answer on Stackoverflow
Solution 2 - IphoneRobertView Answer on Stackoverflow
Solution 3 - IphoneCSmithView Answer on Stackoverflow
Solution 4 - IphoneAvijit NagareView Answer on Stackoverflow
Solution 5 - IphoneAlvin GeorgeView Answer on Stackoverflow
Solution 6 - IphoneSyed Uzair AhmedView Answer on Stackoverflow
Solution 7 - IphoneSanduView Answer on Stackoverflow