UIImageView动态类型下固有内容尺寸行为差异及自定义图片适配咨询

一、差异原因 #

SFSymbol 是苹果专为动态类型（Dynamic Type）打造的图标体系，它内置了从常规文本等级到辅助功能等级的全维度尺寸映射规则，尺寸变化完全和系统 Dynamic Type 的缩放逻辑深度绑定——不管是常规的「Large」「Extra Large」还是辅助功能级别的「Accessibility 1+」，每一级动态类型都会触发 SFSymbol 对应比例的缩放。

而自定义 SVG 图片即便勾选了「Preserve Vector Data」，它的固有内容尺寸是固定的（你这里为24x24）。苹果系统对自定义图片的动态缩放触发逻辑有明确区分：只有当 Dynamic Type 进入**辅助功能等级（Accessibility 1及以上）**时，才会启动图片的辅助缩放机制；常规的动态类型等级（非辅助功能级）不会触发自定义图片的固有尺寸变化，系统默认认为这类文本缩放不需要调整自定义图片的大小。

二、让自定义图片和SFSymbol表现一致的方法 #

你可以通过监听动态类型变化通知，手动计算每个等级对应的缩放比例，同步调整 UIImageView 的尺寸。以下是两种常用实现方式：

方法1：基于内容尺寸等级的固定比例缩放 #

直接给每个 UIContentSizeCategory 定义对应的缩放因子，对齐 SFSymbol 的缩放逻辑：

import UIKit

class ViewController: UIViewController {
    @IBOutlet weak var customImageView: UIImageView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 监听动态类型变化通知
        NotificationCenter.default.addObserver(
            self,
            selector: #selector(updateImageViewSize),
            name: UIContentSizeCategory.didChangeNotification,
            object: nil
        )
        // 初始化时设置初始尺寸
        updateImageViewSize()
    }
    
    @objc private func updateImageViewSize() {
        let currentCategory = UITraitCollection.current.preferredContentSizeCategory
        let baseSize: CGFloat = 24 // 你的图片固有尺寸
        var scaleFactor: CGFloat = 1.0
        
        switch currentCategory {
        case .extraSmall: scaleFactor = 0.8
        case .small: scaleFactor = 0.9
        case .medium: scaleFactor = 1.0
        case .large: scaleFactor = 1.1
        case .extraLarge: scaleFactor = 1.2
        case .extraExtraLarge: scaleFactor = 1.3
        case .extraExtraExtraLarge: scaleFactor = 1.4
        case .accessibilityMedium: scaleFactor = 1.5
        case .accessibilityLarge: scaleFactor = 1.7
        case .accessibilityExtraLarge: scaleFactor = 2.0
        case .accessibilityExtraExtraLarge: scaleFactor = 2.3
        case .accessibilityExtraExtraExtraLarge: scaleFactor = 2.6
        default: scaleFactor = 1.0
        }
        
        customImageView.bounds.size = CGSize(
            width: baseSize * scaleFactor,
            height: baseSize * scaleFactor
        )
    }
}

方法2：绑定字体大小同步缩放 #

SFSymbol 的尺寸默认和系统文本字体的行高挂钩，你可以通过获取当前动态类型对应的字体行高，同步图片缩放，这样能更精准对齐文本和图标的缩放比例：

@objc private func updateImageViewSize() {
    // 获取当前动态类型对应的body字体行高
    let bodyFont = UIFont.preferredFont(forTextStyle: .body)
    let baseLineHeight: CGFloat = 17.0 // 默认body字体的行高（对应medium等级）
    let scaleFactor = bodyFont.lineHeight / baseLineHeight
    
    let baseSize: CGFloat = 24
    customImageView.bounds.size = CGSize(
        width: baseSize * scaleFactor,
        height: baseSize * scaleFactor
    )
}

补充说明 #

因为你的 UIImageView 没有添加约束，直接修改 bounds 即可生效；如果后续添加了约束，建议将图片尺寸和一个宽度/高度约束的 constant 绑定，通过修改约束值来调整尺寸。

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