如何为导航栏下方的UIImageView设置顶部内边距？

嘿，我来帮你搞定这个间距问题！先看看你提到的界面效果：

你说尝试给导航栏和profileImageView之间加间距但没生效，我看了你的代码，问题应该出在锚点的选择上。

先贴一下你的代码方便参考：

图片布局代码 #

addSubview(profileImageView)
profileImageView.anchor(top: topAnchor, left: self.leftAnchor, bottom: nil, right: nil, paddingTop: 75, paddingLeft: 95, paddingBottom: 12, paddingRight: 12, width: 180, height: 180)
profileImageView.layer.cornerRadius = 180 / 2
profileImageView.clipsToBounds = true

变量声明 #

let profileImageView: UIImageView = {
    let iv = UIImageView()
    iv.backgroundColor = .red
    return iv
}()

问题原因 #

你现在把图片的top锚点绑定到了self.topAnchor，如果你的视图控制器是嵌入在导航控制器中的，self.topAnchor对应的是屏幕的最顶部（而不是导航栏的底部），所以设置的paddingTop:75其实是从屏幕顶部往下推75，这就会导致图片和导航栏的间距不符合预期。

解决方案 #

根据iOS版本，你可以选择两种方式来修正：

1. iOS 11及以上（推荐）：使用安全区域锚点

把图片的top锚点改成绑定到view.safeAreaLayoutGuide.topAnchor，这个锚点会自动适配导航栏、状态栏的高度，确保布局从导航栏下方开始：

addSubview(profileImageView)
// 替换topAnchor为safeAreaLayoutGuide的topAnchor
profileImageView.anchor(top: view.safeAreaLayoutGuide.topAnchor, left: self.leftAnchor, bottom: nil, right: nil, paddingTop: 75, paddingLeft: 95, paddingBottom: 12, paddingRight: 12, width: 180, height: 180)
profileImageView.layer.cornerRadius = 180 / 2
profileImageView.clipsToBounds = true

2. iOS 10及以下：使用topLayoutGuide

如果需要兼容更低版本，用topLayoutGuide.bottomAnchor来绑定，它指向导航栏的底部：

profileImageView.anchor(top: topLayoutGuide.bottomAnchor, left: self.leftAnchor, bottom: nil, right: nil, paddingTop: 75, paddingLeft: 95, paddingBottom: 12, paddingRight: 12, width: 180, height: 180)

另外，你也可以检查一下自定义的anchor方法实现，确保paddingTop参数正确地转化为约束的偏移量，避免方法内部逻辑导致间距没生效。

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