如何在情節提要中以iPad橫向和縱向模式將不同的幀設置為同一視圖？

Question

對於iPad，橫向和縱向模式的特征約束相同。 兩者的寬度和高度都是規則的嗎？

如何為兩種模式分別設置約束，我需要如下圖所示的布局：

橫向模式：

Answer 1

您不能僅在界面生成器中處理這種情況。 我建議您使用UIStackView並在代碼中更改方向時更改其軸。

也許您還想為紅色視圖設置和激活/禁用一些寬度和高度限制，以根據當前方向保持其正確大小。

解決方案如下所示：

@IBOutlet weak var outerStackView: UIStackView!

@IBOutlet weak var redViewWidthConstraint: NSLayoutConstraint!
@IBOutlet weak var redViewHeightConstraint: NSLayoutConstraint!

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    let willTransitionToLandscape = (size.width > size.height)

    if willTransitionToLandscape {
        redViewHeightConstraint.isActive = false
        redViewWidthConstraint.isActive = true
    } else {
        redViewWidthConstraint.isActive = false
        redViewHeightConstraint.isActive = true
    }

    coordinator.animate(alongsideTransition: { _ in
        self.outerStackView.axis = willTransitionToLandscape ? .horizontal : .vertical
        self.view.layoutIfNeeded()
    })
}