如何根据宽度更改视图的高度

Question

My views width will change according to the device width but I want to change the height according to that I don't want that to be static.

I couldn't find any constraint that can take care of this.

I heard aspect ratio can do this. But I tried It doesn't seem to work.

How it is generally achieved?

Answer 1

Use concept of aspect ratio with AutoLayout to update your view with respect to height & width. Use multiplier to update aspect ratio. Here are snap of aspect ration assignment and how to update it's multiplier

Logic of Multiplier :
1:1 = Height and width of your image will remain same
2:1 = Your width or height is 2x with respect to each other and create a rectangle. Here Height will be 2x or width will be 2x, it depends upon first item and second item in constraint.

Logic of Priority : Priority assigns, priority to specific constraint when it conflicts with another constraint of same view. eg if you have set a view with 1:1 aspect ratio, with 100 height & 100 width and centred in Main View. Now you also assign Left (margin)/Leading constraint as fix value like 200. In that case for different size of screen width, Centred alignment and/or Leading alignment and/or aspect ration will conflict each other. At this point you need to update priority between 0-1000, according to your requirement for adjustment of design.

Share me your design, I will give your exact logic, how to use this concept

Answer 2

Try with following easy way..

1) Give Leading and Trailing Constraint like below image.

2) Now set Top or Bottom or Other Constraint as per your design. For me i have settled Vertically Center .

3) Now set Height of UIView as per your Ratio which you want in design and after selecting that view just Drag and Drop on same view and select Aspect Ratio . XCode will automatically get Ratio Constraint . For ref. see below image.