Place UIButton with dynamic tex at the center of UITableViewCell

Question

I have a UIButton in table cell. I want to place the button at the center of the cell. The text of the button is dynamic. This is what I have tried, but it's not coming at the center. It is coming towards the right of center.

UIButton *btnName = [UIButton buttonWithType:UIButtonTypeRoundedRect];

CGSize maximumLabelSize = CGSizeMake(self.frame.size.width, MAXFLOAT);
NSStringDrawingOptions options = NSStringDrawingTruncatesLastVisibleLine |
NSStringDrawingUsesLineFragmentOrigin;

NSDictionary *attr = @{NSFontAttributeName: [UIFont systemFontOfSize:15]};
CGRect labelBounds = [titleText boundingRectWithSize:maximumLabelSize
                                             options:options
                                          attributes:attr
                                             context:nil];
CGFloat width = ceilf(labelBounds.size.width);

btnName.frame = CGRectMake(0.0, imgPic.frame.origin.y+imgPic.frame.size.height+20.0, width, 20.0);
btnName.center = CGPointMake(cell.contentView.center.x, imgPic.frame.origin.y+imgPic.frame.size.height+10.0);

[btnName setTitle:titleText forState:UIControlStateNormal];
[btnName setTitleColor:[UIColor darkGrayColor] forState:UIControlStateNormal];
[cell.contentView addSubview:btnName];

Have you tried `btnName.center = cell.contentView.center` ? You might also want to do the centering AFTER you set the title of the button. — Zhang, Jan 09 '15 at 07:51
@WorldOfWarcraft : Do I need to set center and frame as well. It would help if you can post your answer. — Nitish, Jan 09 '15 at 07:54
You want to place the button at the center of cell? or the cell's contentView? They are quite different. — Zigii Wong, Jan 09 '15 at 08:22
set back color of your button to debug it, it will show where you make mistake. — Dipen Chudasama, Jan 09 '15 at 09:06
Why not use Autolayout? I found [how to do it in visual format](http://stackoverflow.com/questions/12873372/centering-a-view-in-its-superview-using-visual-format-language). — Crazyrems, Jan 09 '15 at 09:20

score 2 · Answer 1 · answered Jan 09 '15 at 08:58

2

Just add below line in your code.

btnName.center = cell.center;

answered Jan 09 '15 at 08:58

Dipen Chudasama

3,063
21
42

score 0 · Answer 2 · answered Jan 09 '15 at 08:43

Your code looks fine, only you've to make these change,

You should center the button after you add it cell, and
Correct the center points

[cell.contentView addSubview:btnName];

btnName.center = CGPointMake(cell.frame.size.width/2.f, btnName.center.y);

score 0 · Accepted Answer · edited May 23 '17 at 12:07

0

Vladimir's answer saved my day. I used setAutoresizingMask and now it is coming absolutely fine.

edited May 23 '17 at 12:07

Community

1
1

answered Jan 09 '15 at 13:19

Nitish

13,845
28
135
263

Place UIButton with dynamic tex at the center of UITableViewCell

3 Answers3