How to add aspect ratio constraint with FluentLayout

Question

Using Cirrious.FluentLayout how can I add an aspect ratio constraint?

There are several examples of using a `multiplier` to get a ratio effect https://github.com/FluentLayout/Cirrious.FluentLayout/search?q=multiplier&unscoped_q=multiplier — Saamer, Aug 23 '20 at 17:11

score 0 · Accepted Answer · answered Aug 27 '20 at 15:19

I created an extension method that does the trick.

public static FluentLayout WithAspectRatio(this UIView view, nfloat ratio) =>
            view.Height().EqualTo().WidthOf(view).WithMultiplier(ratio);

Now it's as simple as doing this to get a 1:1 ratio.

View.AddConstraints(
                    ...
                    whiteBackground.WithAspectRatio(1f)
                    ...);

How to add aspect ratio constraint with FluentLayout

1 Answers1