无论最终图像大小如何，如何为UIImageView设置最大高度

Question

I have an issue where I have a UIImageView with mode as "Aspect Fill". I have set dimensions for my UIImageView, but I've noticed at runtime, the height of the UIImageView tends to change based on the final image rendered after it's been filled.

Is there a way to set a max height for the UIImageView regardless of the height of the content that fills it. Basically what I want is something similar to the kind of functionality we have in CSS whereby I can perform an "overflow: hidden" type of command, so that anything beyond the size of the UIImageView is hidden/ignored.

Is there a way to accomplish this in iOS?

Answer 1

Yes, there are two possible causes here:

a) The UIImageView might be growing because of the auto-layout constraints applied to it: If you are using auto-layout just set a constraint to the UIImageView with a maximum (or fixed) height.

b) The UIImageView might not be growing at all but you are seeing the "excess" of the image because the view is not clipping it. Just set the clipsToBounds to true either on Interface Builder or from your code.

Answer 2

Use "Scale to Fill", it will scale the image according to the UIImageView size.

"Aspect Fill" will not shrink the UIImageView, but will only print on a part of it.

Answer 3

I had this issue. i had four views , the top one had an image , the others were three buttons . I put the three buttons in one stack view. and put the image in another stack view . And all i had to do was set the aspect ratio to what i wanted and the magic was done. and, this was, it was also easy to adapt to small screens or Portrait and Lanscape mode using size-classes or variations .