iOS开发：如何通过锚点约束编程式将UIImageView对齐至底部？

嘿，我一眼就看出问题所在了——你的约束只固定了imageView的左右和底部，但没给它设置高度或者宽高比限制！AutoLayout为了满足约束条件，只能把imageView的高度拉满整个父视图，这就导致图片因为scaleAspectFit的模式，在这个超大的imageView里靠顶部显示了。

要实现你要的“底部对齐、全宽、保持图片宽高比”的效果，只需要加一个关键约束，再微调下底部锚点的关联对象就行，具体步骤如下：

1. 添加宽高比约束 #

因为你需要保持图片的原始宽高比，所以我们要给imageView添加上宽高比约束，用图片本身的高宽比例来计算高度。这样当imageView的宽度被左右约束固定后，AutoLayout会自动算出对应的高度，不会再乱拉伸。

2. 修正底部约束的关联对象（可选但推荐） #

如果你想让imageView适配安全区域底部（比如避开iPhone的HomeIndicator或者iPad的dock栏），应该把底部约束关联到safeAreaLayoutGuide的bottomAnchor，而不是直接关联到view的bottomAnchor。当然，如果你的需求是完全贴死屏幕底部，也可以保留原来的写法。

完整修复后的代码 #

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 创建并添加imageView
    let imgView = UIImageView(image: UIImage(named: "Images/main_bottom.png"))
    imgView.translatesAutoresizingMaskIntoConstraints = false
    imgView.contentMode = .scaleAspectFit // 这个设置是对的，保留
    view.addSubview(imgView)
    
    // 获取安全区域布局指南
    let safeArea = view.safeAreaLayoutGuide
    
    // 激活约束
    NSLayoutConstraint.activate([
        // 左右对齐安全区域
        imgView.leadingAnchor.constraint(equalTo: safeArea.leadingAnchor),
        imgView.trailingAnchor.constraint(equalTo: safeArea.trailingAnchor),
        // 底部对齐安全区域（要贴屏幕底部就换成view.bottomAnchor）
        imgView.bottomAnchor.constraint(equalTo: safeArea.bottomAnchor),
        // 添加宽高比约束，用图片原始比例
        imgView.heightAnchor.constraint(equalTo: imgView.widthAnchor, multiplier: imgView.image!.size.height / imgView.image!.size.width)
    ])
}

额外的安全处理 #

如果担心图片资源加载失败（比如文件名写错），可以加个判空处理避免崩溃：

if let image = imgView.image {
    imgView.heightAnchor.constraint(equalTo: imgView.widthAnchor, multiplier: image.size.height / image.size.width).isActive = true
}

这样修改后，你的imageView就会乖乖贴在底部，保持全宽，同时严格按照图片的宽高比来显示内容啦！

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