Joetjah
Joetjah

Reputation: 6132

Rounding color around borders of a button

I've got a little problem as seen below:

enter image description here

The cell has a background color, and the button doesn't. Still, it doesn't give me rounded edges, but corners. How can I fix that?

UIButton *meerKnop = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[[meerKnop layer] setCornerRadius:8.0f];
meerKnop.backgroundColor = [UIColor whiteColor];
meerKnop.frame = CGRectMake(11.0, (60.0 + (teller * 52.5)), 299.0, 50.0);
...        
[meerKnop addSubview:locationLabel];
...
[meerKnop addSubview:categoryLabel];

UISwipeGestureRecognizer *swipe = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(handleSwipe:)];
swipe.direction = UISwipeGestureRecognizerDirectionRight;
[meerKnop addGestureRecognizer:swipe];
[swipe release];

[meerKnop addTarget:self action:@selector(alertPressed:) forControlEvents:UIControlEventTouchUpInside];
meerKnop.tag = incId;
[cell addSubview:meerKnop];

Upvotes: 1

Views: 598

Answers (3)

Manjunath
Manjunath

Reputation: 4555

UIButton *meerKnop = [UIButton buttonWithType:UIButtonTypeRoundedRect];

Change this to:

UIButton *meerKnop = [UIButton buttonWithType:UIButtonTypeCustom];

Edited:

UIButton *meerKnop = [UIButton buttonWithType:UIButtonTypeCustom];
[[meerKnop layer] setCornerRadius:8.0f];
meerKnop.backgroundColor = [UIColor redcolor];
meerKnop.frame = CGRectMake(11.0, (60.0 + (teller * 52.5)), 299.0, 50.0);

show me where the big white rectangle is appearing? (I hope u have cleared the cell background color).

Upvotes: 1

Nithin
Nithin

Reputation: 6475

Try setting the corner radius of the layer of the button.

[button.layer setCornerRadius:10];

Remember to import if you are using layer property

Also, use:

[[button layer] setMasksToBounds:YES];

With this code the layer gets a corner radius of 10.0 and the -setMasksToBounds: tells the button’s layer to mask any layer content that comes below it in the layer tree. This is necessary in order for the layer to mask off the rounded corners.

Upvotes: 3

Hadi
Hadi

Reputation: 1212

change the background colour of the button to same as that of cell.. it will take care of the rounded edges as there colour will become same as that of the background. sry i new.. i can think of this way only at the moment.. Hope it helps..

Upvotes: 0

Related Questions