Resizing UITableViewCell after loading image

Question

I am using dynamic height for tableview cells and Haneke for downloading and caching image using the following code:

override func viewDidLoad() {
    super.viewDidLoad()
    myTableView.rowHeight = UITableViewAutomaticDimension
    myTableView.estimatedRowHeight = 500
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell:ImageCellTableViewCell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! ImageCellTableViewCell;

    cell.myImageView.hnk_setImage(from: URL(string: imageUrl), placeholder: nil)
    return cell
}

Here I need to resize the cell height when setting image after downloading. How can I resize the tableview cell after downloading the image.

Fahri Azimov · Answer 1 · 2017-10-03T10:44:53.977

2

Just call

tableView.beginUpdates() tableView.endUpdates()

after image is downloaded and height constraint is set. Hope this helps!

EDIT:

Another option, to give the right height to the cell, would be receiving the image size from the server. This way you could feed table with just right calculated cell height.

edited Oct 03 '17 at 10:44

answered Oct 03 '17 at 09:20

Fahri Azimov

11,470
2
21
29

But doing this for every cell image will make the scrolling choppy. – UIBittu Oct 03 '17 at 09:40
Of course, this has it's drawbacks. I will post another suggestion in the answer. – Fahri Azimov Oct 03 '17 at 10:42
From your code, I thought you have only one cell in the table )) – Fahri Azimov Oct 03 '17 at 10:45
Can you get the image size from the server? – Fahri Azimov Oct 03 '17 at 12:40
no, actually I am getting the image url from web pages.For example I am posting some weblink content inside my app then I will be get the thumbnail image url from that particular site. – UIBittu Oct 03 '17 at 12:59
Then, I have no idea how you can achieve your goal. – Fahri Azimov Oct 03 '17 at 13:01
worked perfectly for the new autoresizing cells while you need to change their size not in load – amit Feb 11 '20 at 16:04

score 1 · Answer 2 · answered Oct 03 '17 at 09:09

1

just add the proper constraint to your image, for example , top and left constraint with, aspect ratio constraint.(you can do it even in your storyboard interface)

answered Oct 03 '17 at 09:09

Hamish

1,685
22
37

I already completed those.My question is, for the first time the cell height will be according to the constraints (before downloading),the next time when you scroll to the same row the height will be according to the image height(after downloading).I want the second height to be reflected in the cell automatically. – UIBittu Oct 03 '17 at 09:14

score -2 · Answer 3 · edited Oct 03 '17 at 14:02

-2

Set table view's row height like:

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell:ImageCellTableViewCell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! ImageCellTableViewCell;

    cell.myImageView.hnk_setImage(from: URL(string: imageUrl), placeholder: nil)
    tableView.rowHeight = cell.myImageView.frame.origin.y + cell.myImageView.frame.size.height + (constant what every you want to give like: - 20/30 as per your need)

    return cell
}

edited Oct 03 '17 at 14:02

rmaddy

314,917
42
532
579

answered Oct 03 '17 at 09:17

Raj Oriya

78
4

2

No, do not do this. The table view's `rowHeight` property should only be set once, not every time a cell is requested. – rmaddy Oct 03 '17 at 14:03
but i am using it in my app and it is working fine that is why i have answered – Raj Oriya Oct 04 '17 at 04:24

Resizing UITableViewCell after loading image

3 Answers3