How do you center a UIImageView in UITableViewCell regardless of orientation?

Question

I'm trying to center a UIImageView width-wise in a UITableViewCell with the following code:

        // self.cover_image is a UIImage variable
        // cell is a UITableCellView

        UIImageView* backcover_imageview = [[[UIImageView alloc] initWithImage:self.cover_image] autorelease];
        [backcover_imageview sizeToFit];

        //center image
        //float xPos = cell.contentView.frame.size.width - (self.cover_image.size.width/2);

        //TODO: need better solution
        //Eyeballing attempt:
        float xPos = self.cover_image.size.width - 25;
        CGRect bookcover_frame = backcover_imageview.frame;
        bookcover_frame.origin.x = xPos;
        backcover_imageview.frame = bookcover_frame;
        backcover_imageview.tag = 9000;
        backcover_imageview.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin;

        [cell.contentView addSubview:backcover_imageview];

I'm trying to center the UIImageView in a UITableCellView regardless of what orientation the iPad or iPhone device is in. Does anyone know the right way to do this?

score 13 · Answer 1 · answered Jan 07 '13 at 16:19

I added two more autoresizing masks and got a good result using your code and PengOne's answer:

playImage.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleBottomMargin;
[cell.contentView addSubview:playImage];
playImage.center = CGPointMake(cell.contentView.bounds.size.width/2,cell.contentView.bounds.size.height/2);

score 7 · Accepted Answer · answered Jun 17 '11 at 05:41

7

After you add backcover_imageView to the contentView of the cell, use this to center it:

imageView.center = CGPointMake(cell.contentView.bounds.size.width/2,cell.contentView.bounds.size.height/2);

answered Jun 17 '11 at 05:41

PengOne

48,188
17
130
149

1

I opted for `backcover_imageview.center = CGPointMake(cell.contentView.bounds.size.width/2,backcover_imageview.center.y);` which worked for me. Thanks for your suggestion! – Alberto Leal Jun 17 '11 at 18:13
'CGPointMake' is unavailable in Swift. May be this is not working in current version of Swift. Solution is to use CGPoint as pointed out here : https://stackoverflow.com/a/39336801/783893 – Vineel Dec 23 '18 at 19:43

score 1 · Answer 3 · answered Jun 17 '11 at 05:37

1

Can you try assigning the center property of cell to that of image view?

Something like this

imageView.center = cell.center;

And then add it to the cell.

answered Jun 17 '11 at 05:37

score 0 · Answer 4 · answered Jun 05 '19 at 16:48

0

You can use center anchors of the cell to keep the image in the center:

image.centerXAnchor.constraint(equalTo: cell.centerXAnchor).isActive = true
image.centerYAnchor.constraint(equalTo: cell.centerYAnchor).isActive = true

answered Jun 05 '19 at 16:48

Jan Polzer

361
2
5

How do you center a UIImageView in UITableViewCell regardless of orientation?

4 Answers4