Swift change aspect ratio constraint programmatically

Question

We have a MainStoryBoard with a UIButton and a UIView foo with 4 constraints:

foo top to superView top
foo leading to superView leading
foo trailing to superView trailing
foo aspectRatio 16:9

The desired behavior of the button should be that it changes the foo constraints so foo will expand to full screen, and if pressed again it should have the previous aspect ratio, 16:9.

I've tried to do this with the constraint's IBOutlet following this steps:

on expand:
- remove aspectRatio constraint from foo
- add a foo bottom constraint to superView bottom
on collapse:
- remove foo bottom constraint to superView bottom
- add aspectRatio constraint to foo

I also played with heights and nothing. Thanks in advance.

that would be good if you share the code that you've played with constraints. — Okan Kocyigit, May 10 '19 at 13:03
Possible duplicate of https://stackoverflow.com/questions/44668106/set-uiimageview-aspectratio-constraint-programmatically-in-swift-3?rq=1 — Bhavik Modi, May 10 '19 at 13:04
I hope this may help you https://stackoverflow.com/a/53293255/10549967 — Ephrim Daniel, May 10 '19 at 13:10

Rakesha Shastri · Accepted Answer · 2021-02-19T05:24:21.837

Your initial constraints should look like this.

NSLayoutConstraint.activate([
    foo.leadingAnchor.constraint(equalTo: superView.leadingAnchor),
    foo.trailingAnchor.constraint(equalTo: superView.trailingAnchor),
    foo.topAnchor.constraint(equalTo: superView.topAnchor)
])

let collapsedConstraint = foo.heightAnchor.constraint(equalTo: foo.widthAnchor, multiplier: 9/16)
let expandedConstraint = foo.bottomAnchor.constraint(equalTo: superView.bottomAnchor)
collapsedConstraint.isActive = collapsed
expandedConstraint.isActive = !collapsed

And the method that is triggered should change the constraints like this.

@objc func tapAction() {
    collapsedConstraint.isActive = collapsed
    expandedConstraint.isActive = !collapsed
    superView.layoutIfNeeded()
}

Swift change aspect ratio constraint programmatically

1 Answers1