如何调整TableViewController中navigationItem.titleView的UIImageView尺寸？

我之前也踩过这个坑！直接给UIImageView设置frame经常不生效，因为导航栏的titleView会优先根据子视图的intrinsic content size（也就是图片本身的尺寸）来调整自身大小，完全忽略我们设置的frame。下面给你几个经过实践验证的解决方案：

方案1：正确配置UIImageView的布局优先级 #

这个方法直接调整UIImageView的属性，强制让它遵守我们设定的尺寸：

override func viewDidLoad() {
    super.viewDidLoad()
    
    guard let logoImage = UIImage(named: "your-logo-name") else { return }
    let logoImageView = UIImageView(image: logoImage)
    
    // 设置目标尺寸
    logoImageView.frame = CGRect(x: 0, y: 0, width: 40, height: 40)
    // 让图片按比例适配到设定的尺寸内，避免拉伸变形
    logoImageView.contentMode = .scaleAspectFit
    // 如果使用.scaleAspectFill，需要开启这个来裁剪超出部分
    logoImageView.clipsToBounds = true
    
    // 关键：告诉布局系统不要拉伸或压缩这个视图
    logoImageView.setContentHuggingPriority(.required, for: .horizontal)
    logoImageView.setContentHuggingPriority(.required, for: .vertical)
    logoImageView.setContentCompressionResistancePriority(.required, for: .horizontal)
    logoImageView.setContentCompressionResistancePriority(.required, for: .vertical)
    
    navigationItem.titleView = logoImageView
}

原理：UIImageView的intrinsic size是图片的原始尺寸，导航栏会优先用这个值来布局。通过设置高优先级的contentHugging（抗拉伸）和contentCompressionResistance（抗压缩），我们强制布局系统使用我们设定的frame。

方案2：用容器视图包裹图片（快速实现留白） #

如果需要给图片周围留空白，用一个UIView作为容器是最直观的方式：

override func viewDidLoad() {
    super.viewDidLoad()
    
    guard let logoImage = UIImage(named: "your-logo-name") else { return }
    // 容器视图的尺寸决定了titleView的整体大小，这里设60x40，给左右各留10的空白
    let containerView = UIView(frame: CGRect(x: 0, y: 0, width: 60, height: 40))
    let logoImageView = UIImageView(image: logoImage)
    
    // 图片在容器内居中，尺寸40x40
    logoImageView.frame = CGRect(x: 10, y: 0, width: 40, height: 40)
    logoImageView.contentMode = .scaleAspectFit
    
    containerView.addSubview(logoImageView)
    navigationItem.titleView = containerView
}

这个方法的好处是可以灵活控制留白的大小，容器的宽高直接决定了titleView在导航栏中占据的空间。

方案3：使用Auto Layout（推荐，适配性更好） #

如果你的项目用Auto Layout，直接用约束来控制图片尺寸会更可靠，避免frame在不同设备上的适配问题：

override func viewDidLoad() {
    super.viewDidLoad()
    
    guard let logoImage = UIImage(named: "your-logo-name") else { return }
    let logoImageView = UIImageView(image: logoImage)
    
    // 关闭自动转换约束，开启手动约束
    logoImageView.translatesAutoresizingMaskIntoConstraints = false
    logoImageView.contentMode = .scaleAspectFit
    logoImageView.clipsToBounds = true
    
    navigationItem.titleView = logoImageView
    
    // 添加宽高约束，强制图片保持40x40
    NSLayoutConstraint.activate([
        logoImageView.widthAnchor.constraint(equalToConstant: 40),
        logoImageView.heightAnchor.constraint(equalToConstant: 40)
    ])
}

额外提示 #

如果你的图片本身分辨率极高，虽然上面的方法能让它显示为40x40，但建议提前对图片进行压缩（比如用UIGraphicsImageRenderer生成指定尺寸的图片），这样能减少内存占用。

内容的提问来源于stack exchange，提问作者Nathan Van Dyken