横画面用のレイアウトを満たす制約を設定すれば良いだけです。
私が最近実装したケースでは、縦画面用の NSLayoutConstraint と横画面用の NSLayoutConstraint をそれぞれ配列にもっておき、画面の向きが変わった際にそれぞれの isActive
プロパティを true
/ false
に設定するようにしました。
追記
サンプルコードを以下に示します。
import UIKit
class ViewController: UIViewController {
var portraitConstaints:[NSLayoutConstraint] = []
var landscapeConstaints:[NSLayoutConstraint] = []
override func viewDidLoad() {
super.viewDidLoad()
let subview = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
subview.translatesAutoresizingMaskIntoConstraints = false
self.view.addSubview(subview)
subview.backgroundColor = .blue
// 縦横共通の制約
subview.leftAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.leftAnchor).isActive = true
subview.topAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.topAnchor).isActive = true
// 縦画面の制約(画面の上半分にsubviewを配置)
portraitConstaints = [
subview.rightAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.rightAnchor),
subview.heightAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.heightAnchor, multiplier: 0.5)
]
// 横画面の制約(画面の左半分にsubviewを配置)
landscapeConstaints = [
subview.widthAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.widthAnchor, multiplier: 0.5),
subview.bottomAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.bottomAnchor)
]
// 初期状態はとりあえず縦画面の制約を有効にしておく(横画面で起動される場合は要修正)
portraitConstaints.forEach { (cons) in
cons.isActive = true
}
}
override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
super.viewWillTransition(to: size, with: coordinator)
let portrait = size.height > size.width
portraitConstaints.forEach { (cons) in
cons.isActive = portrait
}
landscapeConstaints.forEach { (cons) in
cons.isActive = !portrait
}
coordinator.animate(alongsideTransition: { (_) in
self.view.layoutIfNeeded()
}) { (_) in
}
}
}