Xcode 5 Round Rect Buttons
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.
Solution 1:
- Open the storyboard and choose the button you want to change.
- Open the Identity Inspector in the Utility Panel (right panel, 3rd button on top).
- 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.
Solution 2:
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:
Solution 3:
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 ... ;-)