Swift MVC模式下如何从自定义View访问topLayoutGuide适配导航栏

问题根因 #

1. topLayoutGuide（现已废弃，推荐使用safeAreaLayoutGuide）是UIViewController的专属属性，UIView子类没有该属性，因此你在自定义CreateEventView中调用会报错。
2. 你直接将自定义View的frame设置为CGRect(origin: .zero, size: view.bounds.size)的做法确实存在问题：带导航栏的UIViewController的view默认从屏幕顶部开始布局，延伸到导航栏下方，自定义View占满整个父view时，顶部内容自然会被导航栏遮挡。

两种可行解决方式 #

方式1：自动布局适配安全区（更推荐） #

不需要手动计算导航栏高度，适配所有设备和横竖屏场景，操作如下：

1. 修改CreateEventViewController的viewDidLoad代码，删掉手动设置frame的逻辑，用约束把自定义View固定在控制器的安全区范围内：

override func viewDidLoad() {
    super.viewDidLoad()
    setupNavbar()
    view.addSubview(createEventView)
    // 新增自动布局代码
    createEventView.translatesAutoresizingMaskIntoConstraints = false
    NSLayoutConstraint.activate([
        createEventView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
        createEventView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
        createEventView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
        createEventView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor)
    ])
}

2. 修改CreateEventView的约束代码，删掉顶部40的手动内边距：

func setupConstraints() {
    VStackView.anchor(top: self.topAnchor, leading: self.leadingAnchor, bottom: self.bottomAnchor, trailing: self.trailingAnchor, padding: .zero)
}

控制器层已经把自定义View的顶部限制在导航栏底部的安全区，自定义View内部的Stack View自然不会被导航栏遮挡。

方式2：手动计算frame设置 #

如果坚持用frame布局，不要在viewDidLoad里设置frame（此时布局未完成，导航栏高度不准确），要在viewDidLayoutSubviews里计算高度后设置：

// 新增到CreateEventViewController中
override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    let navBarHeight = navigationController?.navigationBar.frame.height ?? 0
    let statusBarHeight = view.window?.windowScene?.statusBarManager?.statusBarFrame.height ?? 0
    let topInset = navBarHeight + statusBarHeight
    createEventView.frame = CGRect(
        x: 0,
        y: topInset,
        width: view.bounds.width,
        height: view.bounds.height - topInset - view.safeAreaInsets.bottom
    )
}

该方式适配性较差，横竖屏切换、不同设备尺寸下容易出现布局问题，优先推荐自动布局方案。

问题明确答复 #

• 如何将Stack View顶部正确固定在导航栏底部？：通过控制器的安全区约束限制自定义View的顶部位置即可，不要在自定义View内部尝试调用仅控制器拥有的布局锚点。
• 直接设置自定义View frame为origin.zero、大小为view.bounds.size的做法是否错误？：是的，带导航栏的控制器view原点是屏幕顶部，会被导航栏覆盖，自定义View占满父view必然会出现顶部内容遮挡问题。
• 是否应该把自定义View的y坐标设为导航栏高度？：如果使用手动frame布局是需要的，注意要额外加上状态栏高度，且必须在布局完成的回调中获取高度才准确，更推荐用自动布局方案无需手动计算高度。

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