how to Change a Rounded Rect UIbutton background color

Question

how to Change UIbutton background color?? I try it on IB, but it doesn't work. only changes it for custom button.

I would like to change the white color on the rounded rect button.

Or instead how to make a custom button whit rounded corners

thanks!

Nikita Sharma Sahu · Answer 1 · 2013-08-05T07:25:55.923

18

Rounded rect button's color can be changed to any color with the background color property in IB as well as through coding, but can not change its color to transparent color easily. For that, you better use a custom button with either rounded image or set layer as demonstrated in the example and don't forget to add Quartz Core framework in you project as well as to import it in your class.

UIBUtton *myBtn = [UIButton buttonWithType:UIbuttonTypeCustom];
myBtn.frame = frame;    //your desired size
myBtn.clipsToBounds = YES;
myBtn.layer.cornerRadius = 5.0f;
[self.view addSubView:myBtn];

edited Aug 05 '13 at 07:25

answered Jul 10 '12 at 06:19

Nikita Sharma Sahu

337
3
12

2

and dont forget to add line myBtn.clipsToBounds = YES; – Nikita Sharma Sahu Jul 11 '12 at 13:16

score 2 · Accepted Answer · answered Nov 16 '11 at 14:58

2

You may find it difficult to adjust the default button. However you can use any view you want with a custom button.

Here's an article on creating views with rounded corners: http://iphonedevelopment.blogspot.com/2008/11/creating-transparent-uiviews-rounded.html

You also may look at a program called Opacity, which allows you to create a a lot of customized standard iOS interface art/buttons.

http://likethought.com/opacity/

answered Nov 16 '11 at 14:58

isaac

4,867
1
21
31

you are suggesting using a uiview instead of a uibutton!? if so, how do I assign actions?? – Frade Nov 16 '11 at 17:53
Ok, i get it! I will use the example you suggest, now I realize that UIbutton inherits from UIview.. – Frade Nov 16 '11 at 18:01

score 1 · Answer 3 · edited May 23 '17 at 12:31

1

UIButton *tagButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];

and have a look at this... that my do the trick.. i did it for mine.

edited May 23 '17 at 12:31

Community

1
1

answered Nov 16 '11 at 17:34

medampudi

399
3
15

score 0 · Answer 4 · answered Nov 16 '11 at 17:26

0

You can use a custom UIButton with custom images for backgroundimage for each state. Just make the different states of your rounded button in photoshop for example.

answered Nov 16 '11 at 17:26

Zoleas

4,869
1
21
33

yes, that's an option, but I'm looking for a different solution.. thanks anyway – Frade Nov 16 '11 at 17:51

score 0 · Answer 5 · answered Nov 18 '11 at 08:44

0

You can use Custom button But for that use the image of button of white rounded corners so it will be look like white round rectangle button

answered Nov 18 '11 at 08:44

Aakil Ladhani

984
9
32

1

the purpose is to change the color of rounded button. from white to another color, without the need of using an image. currently I'm using images, but I think it will be much more easier, fast and lighter if I just cold change the color.. – Frade Nov 22 '11 at 12:18

Luis Andrés García · Answer 6 · 2011-12-21T13:05:47.803

0

You should use UIButtonTypeCustom, instead of any other.

edited Dec 21 '11 at 13:05

answered Dec 21 '11 at 12:54

Luis Andrés García

5,852
10
43
57

how to Change a Rounded Rect UIbutton background color

6 Answers6