Is drag and drop of round rect button no longer available in Xcode 5? I can't seem to find it in the Interface Builder. I was guessing that this is one of the changes in iOS 7, but I just wanted to make sure.
Asked
Active
Viewed 3.6k times
36
-
What's your deployment target? – trojanfoe Aug 22 '13 at 15:33
-
iPhone - iOS7. I actually tried changing it to version 6.1 and that didn't help either. – juminoz Aug 22 '13 at 15:34
-
2iOS7 and Xocde 5 are still under NDA, which restricts you from talking about them outside of the official Apple Developers Forum. – rckoenes Aug 22 '13 at 15:38
-
@rckoenes Thanks for letting me know. This is the first time I'm working on this stuff so I didn't know. – juminoz Aug 22 '13 at 15:47
-
1You don't recall signing a non-disclosure agreement?? – Hot Licks Aug 22 '13 at 16:27
-
@HotLicks I certainly do, but I didn't pay too much attention to this one. – juminoz Aug 22 '13 at 17:22
-
@HotLicks c'mon man, that's an easy one to forget about... – Cyprus106 Apr 27 '14 at 21:42
4 Answers
74
Can also make the rounded rect within the storyboard.
DogCoffee
- 19,820
- 10
- 87
- 120
-
-
4Note that you won't see the results of your defined attributes until runtime. – rizzes Nov 04 '14 at 00:04
52
The Round Rect button from Xcode 4 and previous versions appears to have been replaced with the System Default button, which also happens to be clear. I.e. by default there is no white background with rounded corners, only the text is visible.
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:
If you want rounded corners you can do so with a little bit of code.
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];
Robert
- 5,278
- 43
- 65
- 115
-
-
-
Your answer works. However I was talking about this info button - http://s1.ibtimes.com/sites/www.ibtimes.com/files/styles/v2_article_large/public/2013/06/18/ios-7-maps.PNG (lower right corner) – Bilbo Baggins Oct 04 '13 at 10:01
-
-
I remember that in iOS 6, even a basic button had a 'info' look, with an 'i' on a circle. iOS 7 doesn't seem to have that option. – Bilbo Baggins Oct 05 '13 at 09:19
-
-
Ctrl-drag'ing from the button to a .h file doesn't seem to work. (using XCode 5.0.2) – Jesse Aldridge Feb 22 '14 at 20:57
-
5
This was too long for a comment in @Robert's answer, but I just wanted to add regarding the statement: "The Round Rect button from Xcode 4...appears to have been replaced...".
Confirming that it definitely has been replaced:
The rounded rectangle button is deprecated in iOS 7. Instead, use a system button—that is, a UIButton object of type UIButtonTypeSystem.
iOS 7 system buttons don’t include a bezel or a background appearance. A system button can contain a graphical symbol or a text title, and it can specify a tint color or receive its parent’s color.
...
If you need to display a button that includes a bezel, use a button of type UIButtonTypeCustom and supply a custom background image.
Apple iOS 7 Transition Guide, p. 45, "Rounded Rectangle Button"
So, Apple's recommendation is to use a background image.
transistor1
- 2,915
- 26
- 42
3
Actually in ios 7 the total UI has been changed for basic controls. If still you want to have a rounded rect button, you have to go for the coregraphical property of UIView subclasses i.e; layer property.
buttonObj.layer.cornerRadius = 5.0f;//any float value
to show the effect you have to give some background color to buttonObj
if you want to set the border width
buttonObj.layer.borderWidth = 2.0f;//any float value
you can also give the color for border
buttonObj.layer.borderColor = [[UIColor greenColor]CGColor];
Note: Here we have to use CGColor for the layers because layers are the core graphical properties of UIViews
Robert
- 5,278
- 43
- 65
- 115
user3675855
- 61
- 3