约束uiimageview以保持纵横比并根据设备大小进行扩展

Question

i have this problem in 2 projects.Normally, profile image is displayed in circle like

and this is ok for iphone5 size.problem raises on bigger devices.like

as you can see size of profile imageview, it looks small compare to cover image.if i let it increase based on outer image then xocde ignores the aspect ratio constrains which results in non cricular profile imageview

here's current constrains image

any suggestion how should i handle it?

Update here's result if i set constrain on profile imageview to increase with ratio to background image.

asks for y of image view,as i want it to be center so i sets fixed hight = 68 in hopes that xcode will break this constrain to keep aspect ratio, result

so if i remove hight = 68 and add constrain like width.

result

Answer 1

Select your image view and it's super view together and give equal width constraint ,

then select that equal width constraint from size inspector , and reduce its multiplier until you get your desired width!

Now select your image view and give aspect ratio constraint!

And finally give position constraint for x and y position!

In your case center x and center y with it's super view I think!

And your imageview will increase or decrease with device width and will remains square always!

And You should set dynamic corner radius (half of width or height of your imageview) in layoutSubviews method of tableviewcell's class as you need rounded imageview and your size is dynamic!

Answer 2

Instead of setting the height and width as constants, set equal width constraints between the background image and the profile image:

And then select the profile image and set the multiplier value to the desired value:

Now you can also set an aspect ratio for the profile image.

Answer 3

This is simple:

1. Provide Aspect Ratio constraint and make the width of the profile pic = width of the screen
2. Select the equal width constraint and give the ratio in multiplier