使用不同的模式，如“Scale To Fill”，“Aspect Fit”，“Aspect Fill”来在UITableViewCell中使用UIImageView

Question

I have used UIImageView inside the UITableViewCell and it will fill the contentView.I have try different mode like "Scale To Fill","Aspect Fit",""Aspect Fill" to handell UIImageView inside UITableViewCell. UIImageView inside UITableViewCell is running out of the screen in Aspect Fill. I have set constraints for the image as shown below

It works fine as below

But when image size is too large it shows problem as below that it goes outside the cell boundary

I have use Aspect Fill as shown below image

when I use Aspect Fit I got this problem

When I use Scale To Fill I got this problem

In Aspect Fit and Scale To Fill I got margin in left and right as shown above

below link doesnt address my problem so its not duplicate

UIImageView inside UITableViewCell does not get updated

Resizing UIImageView inside a UITableViewCell

iOS 8 - AutoLayout issue - UIImageView inside UITableViewCell ignoring width constraints

Answer 1

You have an option named Clip subviews on your table view cell. Check that it's activated, and it should be good.

Answer 2

As per your description Your constraints are all set correct.

Aspect Fill will draw the entire inside the imageView by maintaining the image's aspect ratio. If the image is larger than the imageView's dimension the image overflows. In such cases you need to activate the "Clips subview" option in the attribute inspector of your imageView.

Go to your cell's imageView attribute inspector in storyboard/xib. Under the "Drawing" section choose "Clips subviews" as true.

This will make the superView clip its subviews. In your case cell's contentView is the superView and imageView the subview.

Answer 3

You need to enable clip subviews property for imageview, cell's contentview and cell. One more thing, I saw that while you added constraints, you added constraints with margin.. So, remove old constraints and add again new constraints with disabling Constraints to margin..

Let me know if it helps. :)

Answer 4

I guess there is no issue in cell, Its in Tableview.
Set constraints to your Tableview in which this cell is used.
It will work.

Answer 5

Set width and height constraints for UIImageView

Remove other constraints and set below constraints to imageview...!

UIImageView --> Editor --> Pin --> Width

UIImageView --> Editor --> Pin --> Height

Refer

https://developer.apple.com/library/ios/recipes/xcode_help-IB_auto_layout/chapters/pin-constraints.html

Hope it fix the issue..!