在 UITableview 单元格中折叠 UIImageview，当它不返回图像时

Question

Summary of the problem

I have a UITableView in which I want to Collapse it's UIImageView cell part, whenever it doesn't return an image, as seen below

first image of tableview cell (the expected result)

second image of tableview cell (the no image result)

Background including what I've already tried

Below is the piece of code that I have been working on. Also notice that I'm using SDWebImage to get and set the image in the app (any method in tableview delegates, SDWebImage protocols etc that I'm missing just point me),

The comment out part is what I have done, ie used constraints to try the collapse of UIimageView not it messes up the whole tableView upon scrolling

Code

Here is piece of code I'm working on,

[cell.i_imageView sd_setImageWithURL:[NSURL URLWithString: item.PostimageUrl] placeholderImage:[UIImage imageNamed:@"no-image"] options:SDWebImageRefreshCached completed:^(UIImage * _Nullable image, NSError * _Nullable error, SDImageCacheType cacheType, NSURL * _Nullable imageURL) {

        if(!image)
        {
                    //cell.i_imageView.hidden = YES;

            NSLog(@"why no image des:%@",error);
            NSLog(@"why no image url:%@",imageURL);
        }

//            cell.imageHolderAspectConstraint.active = TRUE;
//            cell.imageHolderZeroImageConstraint.active = FALSE;
//        }
//        else
//        {
//            cell.imageHolderAspectConstraint.active = FALSE;
//            cell.imageHolderZeroImageConstraint.active = TRUE ;
//
//            [cell layoutIfNeeded];
//            [cell setNeedsLayout];
//        }

        [cell.i_imageView sd_removeActivityIndicator];

    }];

Any help in this matter is highly appreciated, cheers.

Edit

Here is the image of storyboard section, where do I need to embed stackview

Answer 1

Add your ImageView in StackView . Now hide your ImageView when image is not available.

Note : UIStackView automatically handle height of cell.

Edit:

As of now your UI is something like this.

Now select your image holding view and click on embedded in and select UIStackView.

Now assign the same constraints that you have given to holding view to stackView.

Now your hierarchy is like below

Finally you need to do below code in CellForRow:

cell.vImageHoldingView.hidden = !image;

Answer 2

• Embed if in a stackView
• Attach stackview anchors to the desired anchors
• Hide image view if needed.

StackView automatically collapses its hidden arrangedSubViews

Note: If you set the image nil , it will collapse again, because stackView manages imageView height according to its image.

Answer 3

If there is no image, make the ImageView height to 0 . Remaining things will get handled if it has a proper constraints.

Answer 4

make picture bottom constraint as outlet . Like this

var bottomViewConstraints: NSLayoutConstraint! 

and give value on collapse and expand. like this

bottomViewConstraints.constant = 0 // expand 
bottomViewConstraints.constant = 60 // collapse