Interface Builder：使用“Aspect Fit”时自动设置 UIImageView 的纵横比？

Question

下方的分享图标（图片为白色）为 114x128 像素。

使用 AutoLayout 将 Interface Builder 中的高度固定为 23 像素，然后将 Aspect Fit 用于 Content Mode 不会改变框架矩形。

这会导致对齐问题，因为如果您希望图标距离后缘 15 像素，现在很难做到。

一种选择是手动将纵横比（即 114/128）设置为 IB 中的 AutoLayout 约束。

但这非常脆弱。如果您更改图像尺寸，您必须记住调整纵横比。

有没有办法让 IB 自动调整框架矩形以及内容？

最后一个选项是在代码中做所有事情，但在 IB 中做所有事情是理想的。

框架矩形在 IB 中没有改变：

分享图标（白色图标，此处不可见）：

Answer 1

我相信您必须以编程方式执行此操作。如果您不想逐个查看，只需定义一些以编程方式设置约束的子类（您可以将其指定为 IB 中的基类）

class RatioImageView: UIImageView {

    private var ratioConstraint: NSLayoutConstraint?

    override var image: UIImage? {
        didSet { updateRatioConstraint() }
    }

    override func didMoveToSuperview() {
        super.didMoveToSuperview()

        updateRatioConstraint()
    }

    private func updateRatioConstraint() {
        if let ratioConstraint = ratioConstraint {
            removeConstraint(ratioConstraint)
        }

        guard superview != nil else { return }

        let ratio: CGFloat
        if let image = image {
            ratio = image.size.width / image.size.height
        } else {
            ratio = 1
        }

        ratioConstraint = widthAnchor.constraint(equalTo: heightAnchor, multiplier: ratio)
        ratioConstraint?.isActive = true
    }
}

这是在图像视图上执行的，但您可能也可以对 UIButton 或其他任何内容执行相同操作。

---

或者在主题的另一个变体中，您可以使用内在大小来控制它，也许您明确设置height（因为这是@IBInspectable，您可以在IB中正确执行此操作），它会返回针对该高度缩放的固有尺寸：

@IBDesignable
class RatioImageView: UIImageView {

    @IBInspectable var height: CGFloat = 0

    override var intrinsicContentSize: CGSize {
        guard let image = image else { return .zero }
        guard height > 0 else { return image.size }

        let ratio = image.size.width / image.size.height

        return CGSize(width: height * ratio, height: height)
    }

}