iOS图片预览全屏模式下如何忽略SafeArea？求助

针对你遇到的全屏后SafeArea残留空白问题，可通过以下几个关键调整解决：

1. 修正ViewController的全屏布局属性 #

在全屏模式下，需要让视图完全延伸至屏幕边缘，覆盖SafeArea区域。添加一个方法专门处理SafeArea相关配置，并在全屏切换时调用：

var fullscreen = false {
    didSet {
        guard oldValue != fullscreen else { return }
        UIView.animate(withDuration: 0.3) {
            self.updateNavigationBar()
            self.updateStatusBar()
            self.updateBackgroundColor()
            self.updateSafeAreaConfig() // 新增全屏SafeArea配置
        }
    }
}

private func updateSafeAreaConfig() {
    if fullscreen {
        // 让视图延伸至屏幕边缘，忽略SafeArea
        self.extendedLayoutIncludesOpaqueBars = true
        self.edgesForExtendedLayout = .all
        self.additionalSafeAreaInsets = .zero
    } else {
        // 恢复默认布局行为
        self.extendedLayoutIncludesOpaqueBars = false
        self.edgesForExtendedLayout = .all
        self.additionalSafeAreaInsets = .zero
    }
}

2. 完善ScrollView的AutoLayout约束 #

你之前尝试的AutoLayout代码缺少关键配置：关闭translatesAutoresizingMaskIntoConstraints，否则系统会自动生成约束覆盖你的设置。修改setupScrollView方法：

private func setupScrollView() {
    scrollView.translatesAutoresizingMaskIntoConstraints = false // 必须添加
    scrollView.delegate = self
    scrollView.minimumZoomScale = 1
    scrollView.maximumZoomScale = 3
    if #available(iOS 11.0, *) {
        scrollView.contentInsetAdjustmentBehavior = .never
    }
    scrollView.showsVerticalScrollIndicator = false
    scrollView.showsHorizontalScrollIndicator = false
    
    view.addSubview(scrollView)
    
    NSLayoutConstraint.activate([
        scrollView.topAnchor.constraint(equalTo: view.topAnchor),
        scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
        scrollView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
        scrollView.trailingAnchor.constraint(equalTo: view.trailingAnchor)
    ])
}

同时，ImageView也需要改用AutoLayout绑定到ScrollView，替换原有的setupImageView方法：

private func setupImageView() {
    imageView.translatesAutoresizingMaskIntoConstraints = false
    imageView.contentMode = .scaleAspectFit
    scrollView.addSubview(imageView)
    
    NSLayoutConstraint.activate([
        imageView.widthAnchor.constraint(equalTo: scrollView.widthAnchor),
        imageView.heightAnchor.constraint(equalTo: scrollView.heightAnchor),
        imageView.centerXAnchor.constraint(equalTo: scrollView.centerXAnchor),
        imageView.centerYAnchor.constraint(equalTo: scrollView.centerYAnchor)
    ])
}

3. 修正缩放时的ContentInset计算 #

在scrollViewDidZoom方法中，全屏模式下要确保contentInset不被SafeArea干扰，调整计算逻辑：

func scrollViewDidZoom(_ scrollView: UIScrollView) {
    if scrollView.zoomScale > 1 {
        fullscreen = true

        guard let image = imageView.image else { return }
        guard let zoomView = viewForZooming(in: scrollView) else { return }

        let widthRatio = zoomView.frame.width / image.size.width
        let heightRatio = zoomView.frame.height / image.size.height
        let ratio = widthRatio < heightRatio ? widthRatio : heightRatio

        let newWidth = image.size.width * ratio
        let newHeight = image.size.height * ratio

        let left = 0.5 * (newWidth * scrollView.zoomScale > zoomView.frame.width ? (newWidth - zoomView.frame.width) : (scrollView.frame.width - scrollView.contentSize.width))
        let top = 0.5 * (newHeight * scrollView.zoomScale > zoomView.frame.height ? (newHeight - zoomView.frame.height) : (scrollView.frame.height - scrollView.contentSize.height))

        // 全屏时直接使用计算值，忽略SafeArea
        scrollView.contentInset = UIEdgeInsets(
            top: fullscreen ? top.rounded() : max(top.rounded(), view.safeAreaInsets.top),
            left: left.rounded(),
            bottom: fullscreen ? top.rounded() : max(top.rounded(), view.safeAreaInsets.bottom),
            right: left.rounded()
        )
    } else {
        scrollView.contentInset = .zero
        fullscreen = false
    }
}

关键原理说明 #

• 通过edgesForExtendedLayout和extendedLayoutIncludesOpaqueBars让ViewController的视图完全覆盖屏幕，包括SafeArea区域
• 关闭ScrollView和ImageView的自动约束转换，确保自定义AutoLayout生效
• 缩放时根据全屏状态动态调整contentInset，避免SafeArea的偏移影响

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