ios - 使用子类向我的 UIButton 添加了一个下拉三角形，如何在更改标题时防止它拉伸(stretch)？

Question

我有一个简单的 UIButton 子类，用于向默认 UIButton 添加下拉三角形。我在 Storyboard 的 View Controller 的标题 View 中放置了一个 UIView，然后将按钮子类添加到 Storyboard 中的该 View 。我在 Storyboard 中使用自动布局所做的唯一一件事就是将其垂直和水平居中。

代码如下:

class DropDownButton: UIButton {   
    override func awakeFromNib() {
        super.awakeFromNib()

        setImage(UIImage(named: "drop-down-triangle"), forState: .Normal)

        sizeToFit()

        titleEdgeInsets = UIEdgeInsets(top: 0, left: -imageRectForContentRect(bounds).width - 17.0, bottom: 0, right: 0)
        imageEdgeInsets = UIEdgeInsets(top: 0, left: titleRectForContentRect(bounds).width, bottom: -2, right: 0)
    }
}

这是它的样子:

在代码中，我有时会更改标题:

dropDownButton.setTitle(title, forState: .Normal)

这导致它看起来像这样:

这是什么原因造成的？如何阻止它拉伸(stretch)？

Answer 1

class DropDownButton: UIButton {   
    override func awakeFromNib() {
        super.awakeFromNib()

        setImage(UIImage(named: "drop-down-triangle"), forState: .Normal)

        sizeToFit()

        titleEdgeInsets = UIEdgeInsets(top: 0, left: -imageRectForContentRect(bounds).width - 17.0, bottom: 0, right: 0)
        imageEdgeInsets = UIEdgeInsets(top: 0, left: **static value here**, bottom: -2, right: 0)
    }
}