UIKit：如何通过代码约束在左侧视图右侧区域居中UIImage

嘿，我之前刚好碰到过一模一样的布局需求！给你分享几个UIKit里靠谱的实现方法，你可以根据自己想要的灵活性或者简洁性来选：

方法一：纯Auto Layout约束（最灵活，适配动态变化） #

这个方法是最原生的Auto Layout实现，能完美适配左侧视图宽度动态变化的场景（比如左侧是个文本可变的UILabel）。核心思路是让图片的水平中心位于「左侧视图右边缘」和「父视图右边缘」的中点，同时垂直方向和父视图居中。

// 假设parentView是你的父视图，leftView是左侧的固有宽高视图，imageView是5x5的图片
let leftView = UIView() // 替换成你实际的视图（比如UILabel、UIButton等）
leftView.translatesAutoresizingMaskIntoConstraints = false
leftView.backgroundColor = .lightGray // 方便看效果，可删除

let imageView = UIImageView(image: UIImage(named: "your-image"))
imageView.translatesAutoresizingMaskIntoConstraints = false
imageView.backgroundColor = .red // 方便看效果，可删除

parentView.addSubview(leftView)
parentView.addSubview(imageView)

NSLayoutConstraint.activate([
    // 左侧视图的约束：左、上绑定父视图，依赖固有宽高
    leftView.leftAnchor.constraint(equalTo: parentView.leftAnchor),
    leftView.topAnchor.constraint(equalTo: parentView.topAnchor),
    
    // 图片的约束：垂直居中、固定宽高
    imageView.centerYAnchor.constraint(equalTo: parentView.centerYAnchor),
    imageView.widthAnchor.constraint(equalToConstant: 5),
    imageView.heightAnchor.constraint(equalToConstant: 5),
    
    // 关键约束：图片水平中心 = (左侧视图右边缘 + 父视图右边缘) / 2
    imageView.centerXAnchor.constraint(equalTo: leftView.trailingAnchor, multiplier: 0.5),
    imageView.centerXAnchor.constraint(equalTo: parentView.trailingAnchor, multiplier: 0.5)
])

这两个centerX约束组合起来，就相当于让图片的水平中心刚好落在左侧视图右侧的空白区域中点，完全符合你的需求。

方法二：用UIStackView实现（代码更简洁） #

如果你追求代码简洁，不想写太多约束，可以用水平Stack View来拆分布局：把左侧视图和一个占位视图放进Stack View，占位视图会自动占满剩余空间，然后把图片放在占位视图的中心。

// 创建左侧视图和图片
let leftView = UIView()
leftView.translatesAutoresizingMaskIntoConstraints = false
leftView.backgroundColor = .lightGray

let imageView = UIImageView(image: UIImage(named: "your-image"))
imageView.translatesAutoresizingMaskIntoConstraints = false
imageView.backgroundColor = .red

// 创建占位视图，用来占满右侧空白区域
let placeholderView = UIView()
placeholderView.translatesAutoresizingMaskIntoConstraints = false
// 让占位视图优先占满剩余空间
placeholderView.setContentHuggingPriority(.defaultLow, for: .horizontal)
leftView.setContentHuggingPriority(.defaultHigh, for: .horizontal)

// 把图片添加到占位视图并居中
placeholderView.addSubview(imageView)
NSLayoutConstraint.activate([
    imageView.centerXAnchor.constraint(equalTo: placeholderView.centerXAnchor),
    imageView.centerYAnchor.constraint(equalTo: placeholderView.centerYAnchor),
    imageView.widthAnchor.constraint(equalToConstant: 5),
    imageView.heightAnchor.constraint(equalToConstant: 5)
])

// 创建水平Stack View并添加子视图
let stackView = UIStackView(arrangedSubviews: [leftView, placeholderView])
stackView.translatesAutoresizingMaskIntoConstraints = false
stackView.axis = .horizontal
stackView.alignment = .center // 让子视图垂直居中
stackView.spacing = 0 // 可根据需求调整左侧视图和占位视图的间距

parentView.addSubview(stackView)
NSLayoutConstraint.activate([
    stackView.leftAnchor.constraint(equalTo: parentView.leftAnchor),
    stackView.topAnchor.constraint(equalTo: parentView.topAnchor),
    stackView.rightAnchor.constraint(equalTo: parentView.rightAnchor),
    stackView.bottomAnchor.constraint(equalTo: parentView.bottomAnchor)
])

这个方法的优势是代码结构清晰，不用写复杂的约束组合，适合快速实现布局。

方法三：手动计算Frame（不推荐，仅适合简单场景） #

如果你的布局场景非常简单，不会有尺寸变化（比如父视图固定大小、左侧视图宽度不变），也可以在viewDidLayoutSubviews里手动计算图片的frame，但这种方法需要自己处理布局变化（比如旋转、屏幕尺寸变化），维护成本较高。

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    
    // 获取左侧视图的最终frame
    let leftViewFrame = leftView.frame
    // 计算右侧空白区域的范围
    let rightRegionWidth = parentView.bounds.width - leftViewFrame.maxX
    let rightRegionFrame = CGRect(
        x: leftViewFrame.maxX,
        y: 0,
        width: rightRegionWidth,
        height: parentView.bounds.height
    )
    
    // 设置图片的frame，居中在右侧区域
    imageView.frame = CGRect(
        x: rightRegionFrame.midX - 2.5, // 5/2 = 2.5，让图片中心对齐
        y: rightRegionFrame.midY - 2.5,
        width: 5,
        height: 5
    )
}

总的来说，更推荐前两种Auto Layout相关的方法，它们能自动适配父视图尺寸变化、旋转等场景，不用手动维护布局。如果你的左侧视图宽度是动态变化的，纯Auto Layout的方法会更可靠；如果追求代码简洁，Stack View的方式会更省心。

内容的提问来源于stack exchange，提问作者J.Doe