如何在iPad上通过NSLayoutConstraint将图片固定到屏幕左右边缘？

我有一张比例与iPhone 15相近的图片，通过NSLayoutConstraint给图片设置了top、bottom、trailing、leading四边锚定屏幕的约束，同时将contentMode设为.scaleAspectFill。在iPhone设备上仅会损失图片左右约5%的内容，符合预期，但在iPad上因屏幕比例差异，会损失30-40%的图片内容。我希望在iPad上能将图片固定到屏幕左侧或右侧，仅单侧损失内容，但当前约束设置下图片会居中显示，请问如何实现？

原代码如下：

let imageView: UIImageView = {
    let image = UIImageView()
    image.contentMode = .scaleAspectFill
    image.translatesAutoresizingMaskIntoConstraints = false
    return image
}()

var imageViewTopConstraint = NSLayoutConstraint()
var imageViewBottomConstraint = NSLayoutConstraint()
var imageViewLeadingConstraint = NSLayoutConstraint()
var imageViewTrailingConstraint = NSLayoutConstraint()

imageViewTopConstraint = imageView.topAnchor.constraint(equalTo: topAnchor, constant: 0.0)
imageViewBottomConstraint = imageView.bottomAnchor.constraint(equalTo: bottomAnchor, constant: 0.0)
imageViewLeadingConstraint = imageView.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 0.0)
imageViewTrailingConstraint = imageView.trailingAnchor.constraint(equalTo: trailingAnchor, constant: 0.0)
        
addConstraints([imageViewTopConstraint, imageViewBottomConstraint, imageViewLeadingConstraint, imageViewTrailingConstraint])

要实现iPad上单侧裁剪（左/右固定），可以通过两种方式实现，以下是具体步骤：

方法一：动态调整约束（推荐） #

核心逻辑：根据设备类型，在iPad上仅固定单侧（左或右）+上下约束，同时强制图片保持原始比例，让图片以屏幕高度为基准缩放，超出屏幕的单侧内容自动被裁剪。

代码示例 #

let imageView: UIImageView = {
    let image = UIImageView()
    image.contentMode = .scaleAspectFill
    image.clipsToBounds = true // 必须开启，否则超出内容不会被裁剪
    image.translatesAutoresizingMaskIntoConstraints = false
    // 提前设置图片
    image.image = UIImage(named: "your-image-name")
    return image
}()

// 获取图片原始宽高比
guard let image = imageView.image else { return }
let imageRatio = image.size.width / image.size.height

// 判断是否为iPad设备
let isPad = UIDevice.current.userInterfaceIdiom == .pad

// 激活基础上下约束
NSLayoutConstraint.activate([
    imageView.topAnchor.constraint(equalTo: topAnchor),
    imageView.bottomAnchor.constraint(equalTo: bottomAnchor)
])

if isPad {
    // 固定左侧，右侧裁剪：绑定leading锚点，按比例设置宽度
    imageView.leadingAnchor.constraint(equalTo: leadingAnchor).isActive = true
    imageView.widthAnchor.constraint(equalTo: imageView.heightAnchor, multiplier: imageRatio).isActive = true
    
    // 若需固定右侧、左侧裁剪，替换上面两行：
    // imageView.trailingAnchor.constraint(equalTo: trailingAnchor).isActive = true
    // imageView.widthAnchor.constraint(equalTo: imageView.heightAnchor, multiplier: imageRatio).isActive = true
} else {
    // iPhone设备保留原四边约束
    NSLayoutConstraint.activate([
        imageView.leadingAnchor.constraint(equalTo: leadingAnchor),
        imageView.trailingAnchor.constraint(equalTo: trailingAnchor)
    ])
}

方法二：修改图层对齐属性（无需调整约束） #

如果不想改动原有约束，可以通过修改CALayer的contentsGravity属性，让.scaleAspectFill模式下的图片左对齐或右对齐，替代默认的居中裁剪。

代码示例 #

let imageView: UIImageView = {
    let image = UIImageView()
    image.contentMode = .scaleAspectFill
    image.clipsToBounds = true
    image.translatesAutoresizingMaskIntoConstraints = false
    image.image = UIImage(named: "your-image-name")
    return image
}()

// 保留原四边约束
NSLayoutConstraint.activate([
    imageView.topAnchor.constraint(equalTo: topAnchor),
    imageView.bottomAnchor.constraint(equalTo: bottomAnchor),
    imageView.leadingAnchor.constraint(equalTo: leadingAnchor),
    imageView.trailingAnchor.constraint(equalTo: trailingAnchor)
])

// 判断设备并设置对齐方式
let isPad = UIDevice.current.userInterfaceIdiom == .pad
if isPad {
    // 固定左侧，右侧裁剪
    imageView.layer.contentsGravity = .left
    
    // 若需固定右侧、左侧裁剪：
    // imageView.layer.contentsGravity = .right
}

注意事项 #

• 两种方法都必须开启clipsToBounds = true，否则超出屏幕的图片内容会溢出显示
• 方法一中需确保图片已提前赋值，否则无法正确计算比例
• 方法二的contentsGravity仅在contentMode为缩放类模式（如.scaleAspectFill）时生效

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