如何在Playground LiveView中实现视图随其尺寸自动布局？

嘿，我懂你现在的需求——想让LiveView根据设备横竖屏状态自动调整位置：竖屏时占屏幕上半部分，横屏时占右半部分，而且遇到了NSLayoutConstraints在Playground里不生效的问题。其实有几个可行的方案，我给你一步步拆解：

方案一：手动监听旋转，直接更新Frame #

Playground里Auto Layout有时候生效时机和正式项目不太一致，手动计算Frame是最直接的办法，完全不用依赖约束：

1. 先给主视图添加屏幕旋转的通知监听，确保旋转时能触发布局更新：

NotificationCenter.default.addObserver(forName: UIDevice.orientationDidChangeNotification, object: nil, queue: .main) { [weak self] _ in
    self?.adjustLiveViewFrame()
}

2. 实现核心的布局调整方法，根据当前方向计算LiveView的位置和尺寸：

private func adjustLiveViewFrame() {
    guard let mainView = view else { return }
    let isPortrait = UIDevice.current.orientation.isPortrait
    
    if isPortrait {
        // 竖屏：宽度铺满屏幕，高度占一半，顶边对齐
        liveView.frame = CGRect(x: 0, y: 0, width: mainView.bounds.width, height: mainView.bounds.height / 2)
    } else {
        // 横屏：高度铺满屏幕，宽度占一半，右边对齐
        liveView.frame = CGRect(x: mainView.bounds.width / 2, y: 0, width: mainView.bounds.width / 2, height: mainView.bounds.height)
    }
}

3. 别忘了在视图初始化时调用一次这个方法，保证初始状态就正确：

override func viewDidLoad() {
    super.viewDidLoad()
    adjustLiveViewFrame()
    // 注册旋转通知
    NotificationCenter.default.addObserver(forName: UIDevice.orientationDidChangeNotification, object: nil, queue: .main) { [weak self] _ in
        self?.adjustLiveViewFrame()
    }
}

方案二：让Auto Layout在Playground正常工作 #

其实NSLayoutConstraints在Playground里是可以用的，大概率是你没做好前置设置。试试这个标准流程：

1. 首先必须禁用LiveView的自动调整mask，这是Auto Layout生效的前提：

liveView.translatesAutoresizingMaskIntoConstraints = false

2. 分别定义竖屏和横屏的约束集合，然后根据方向激活对应的约束：

// 竖屏约束：顶、左、右贴父视图，高度是父视图的一半
private var portraitConstraints: [NSLayoutConstraint]!
// 横屏约束：右、顶、底贴父视图，宽度是父视图的一半
private var landscapeConstraints: [NSLayoutConstraint]!

override func viewDidLoad() {
    super.viewDidLoad()
    // 初始化约束
    portraitConstraints = [
        liveView.topAnchor.constraint(equalTo: view.topAnchor),
        liveView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
        liveView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
        liveView.heightAnchor.constraint(equalTo: view.heightAnchor, multiplier: 0.5)
    ]
    
    landscapeConstraints = [
        liveView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
        liveView.topAnchor.constraint(equalTo: view.topAnchor),
        liveView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
        liveView.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 0.5)
    ]
    
    // 初始激活对应约束
    if UIDevice.current.orientation.isPortrait {
        NSLayoutConstraint.activate(portraitConstraints)
    } else {
        NSLayoutConstraint.activate(landscapeConstraints)
    }
    
    // 监听旋转切换约束
    NotificationCenter.default.addObserver(forName: UIDevice.orientationDidChangeNotification, object: nil, queue: .main) { [weak self] _ in
        guard let self = self else { return }
        let isPortrait = UIDevice.current.orientation.isPortrait
        
        if isPortrait {
            NSLayoutConstraint.deactivate(self.landscapeConstraints)
            NSLayoutConstraint.activate(self.portraitConstraints)
        } else {
            NSLayoutConstraint.deactivate(self.portraitConstraints)
            NSLayoutConstraint.activate(self.landscapeConstraints)
        }
    }
}

注意：要确保你的自定义视图控制器被正确设置为Playground的LiveView：

import PlaygroundSupport

class CustomVC: UIViewController {
    // 你的布局代码
    let liveView = UIView()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.addSubview(liveView)
        liveView.backgroundColor = .blue
        // 上面的布局逻辑
    }
}

PlaygroundPage.current.liveView = CustomVC()

方案三：利用Size Classes自动适配 #

如果你的Playground支持Size Classes（iOS Playground默认支持），可以用系统的Trait Collection来监听布局变化，不用手动写通知：

1. 重写traitCollectionDidChange方法，在Trait变化时调整布局：

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)
    
    // 判断当前是竖屏还是横屏的Size Class组合
    let isPortrait = traitCollection.verticalSizeClass == .regular && traitCollection.horizontalSizeClass == .compact
    adjustLiveViewFrame()
}

这种方法更优雅，系统会自动在设备旋转、Size Class变化时触发这个方法，不用自己管理通知的注册和销毁。

内容的提问来源于stack exchange，提问作者user7434770