TraitCollectionDidChange behaves different for iphone X

Question

In My case i am changing my layouts of the view depending on the traitCollection.horizontalSizeClass Here is my Code snippet .

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
        super.traitCollectionDidChange(previousTraitCollection)

        if traitCollection.horizontalSizeClass == .regular {
            // 2
            NSLayoutConstraint.deactivate(compactConstraints)
            NSLayoutConstraint.activate(regularConstraints)
            // 3
            socialMediaView.axis = .horizontal
        } else {
            // 4
            NSLayoutConstraint.deactivate(regularConstraints)
            NSLayoutConstraint.activate(compactConstraints)
            socialMediaView.axis = .vertical
        }
    }

Every things working as directed in iphone 7 plus and iphone x in portrait-mode and in landscape mode i want the rabbit image comes to left side and the stackview of all socialMedias axis will be horizontal
but in iphone X landscape mode its not coming while in phone 7 its coming .Check the below screen shots

Have a look, answer is helping : https://stackoverflow.com/questions/37163539/traitcollection-horizontalsizeclass-reports-compact-on-ios-8-1-regular-on-ios-8 — Bhavin Kansagara, Aug 07 '18 at 08:19
@BhavinKansagara i have updated my question please check once and let me know it any clarification you want — Shakti, Aug 07 '18 at 08:21

score 2 · Accepted Answer · answered Aug 07 '18 at 09:46

Looking at your question and condition, I found a problem in your condition. you should check for the verticalSizeClass instead of horizontalSizeClass.

WHEN CHECK FOR HORIZONTAL SIZE CLASS.

IN PORTRAIT: All iPhone Devices has compact width, so every time, it will go to else condition and set the view properly.

IN LANDSCAPE: All iPhone Plus (iPhone 6s Plus, iPhone 7 Plus and iPhone 8 plus) Devices has Regular width and All other iPhone (iPhone 6s, 6SE, iPhone 7 and iPhone 8, iPhone X) Devices has Compact width, so for all plus devices it will works fine but not for others.

FOR PORTRAIT:

FOR LANDSCAPE:

For more, read official doc here

So, update your code to this.

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
        super.traitCollectionDidChange(previousTraitCollection)

        if traitCollection.verticalSizeClass == .regular {
            NSLayoutConstraint.deactivate(compactConstraints)
            NSLayoutConstraint.activate(regularConstraints)
            socialMediaView.axis = .horizontal
        } else {
            NSLayoutConstraint.deactivate(regularConstraints)
            NSLayoutConstraint.activate(compactConstraints)
            socialMediaView.axis = .vertical
        }
    }

Try and share the results.

thanks yes are right problem was with the if statement so i modified like this — Shakti, Aug 07 '18 at 09:57
if traitCollection.horizontalSizeClass == .regular || traitCollection.verticalSizeClass == .compact { //Constraint activate } else { // Constraint deactivate } } — Shakti, Aug 07 '18 at 10:05
simply using this condition will also works: if traitCollection.verticalSizeClass == .regular. Because that verticalSizeClass is helping to check for portrait and landscape for all devices. regular height means portrait and compact height means landscape. — Bhavin Kansagara, Aug 07 '18 at 10:11

TraitCollectionDidChange behaves different for iphone X

1 Answers1