How to set fixed size for UITableViewCell's ImageView?

Question

For my application's contact view, I have added individual users image based on his email id in an table view. Because of difference in image size of each user, image view is not unique for all user, some image view's width is more, So I set the frame size of UItableViewCell with fixed width, still the width size varies.

 [cell.imageView setFrame:CGRectMake(0, 0, 55, 55)];

What should I do? Do I need to add new image view as subview for cell? Any idea?

You need to subclass your tableviewcell... Follow this http://stackoverflow.com/questions/2788028/how-do-i-make-uitableviewcells-imageview-a-fixed-size-even-when-the-image-is-sm — user523234, Jan 25 '13 at 10:36

score 2 · Answer 1 · edited May 23 '17 at 11:59

2

UITableView's imageView property is read-only. You can resize your image before setting to your cell's imageView. To resize the image, you can get help from this StackOverflow answer.

Also, if you are loading your images from a web environment, you can use my fork of AFNetworking, I added image resizing options into the UIImageView extensions. https://github.com/polatolu/AFNetworking

edited May 23 '17 at 11:59

Community

1
1

answered Apr 08 '13 at 11:03

bateristt

176
15

score 1 · Answer 2 · edited Mar 12 '16 at 13:06

1

You should set your imageview's property in order to display different images for different size.

For Example,

<imageview_name>.contentMode = UIViewContentModeScaleAspectFit;

Enjoy Programming!

edited Mar 12 '16 at 13:06

zondo

19,901
8
44
83

answered Jan 25 '13 at 10:34

Niru Mukund Shah

4,637
2
20
34

score 0 · Answer 3 · edited Oct 02 '14 at 14:42

0

Subclass UITableViewCell and override this method;

- (void)layoutSubviews {

    [super layoutSubviews];

    self.imageView.frame = CGRectMake(0,0,55,55);

    //Any additional setting that you want to do with image view

    [self.imageView setAutoresizingMask:UIViewAutoresizingNone];

}

edited Oct 02 '14 at 14:42

Mihir Oza

2,768
3
35
61

answered Apr 23 '14 at 15:13

mhrrt

977
9
18

3

This does indeed fix the image size, but unfortunately the text labels will not move position to align with the new image size – hotdogsoup.nl Oct 30 '15 at 08:41

score 0 · Answer 4 · answered May 27 '14 at 10:10

I'm using the same JSON file to fill a UITableView, and here is what I'm using for a universal app in CustomCell:

- (void)layoutSubviews {
    [super layoutSubviews];
    if (UI_USER_INTERFACE_IDIOM()== UIUserInterfaceIdiomPad) {
        self.imageView.frame = CGRectMake(0,0,300,100);

    }else if  (UI_USER_INTERFACE_IDIOM()== UIUserInterfaceIdiomPhone){
        self.imageView.frame = CGRectMake(0,0,180,60);
    }
    float limgW =  self.imageView.image.size.width;
    if(limgW > 0) {

        if (UI_USER_INTERFACE_IDIOM()== UIUserInterfaceIdiomPad) {
            self.textLabel.frame = CGRectMake(320,self.textLabel.frame.origin.y,self.textLabel.frame.size.width,self.textLabel.frame.size.height);

        }else if  (UI_USER_INTERFACE_IDIOM()== UIUserInterfaceIdiomPhone){
            self.textLabel.frame = CGRectMake(182,self.textLabel.frame.origin.y,self.textLabel.frame.size.width,self.textLabel.frame.size.height);
        }

    }
}

How to set fixed size for UITableViewCell's ImageView?

4 Answers4