ios - 将图像添加到按钮时，如何禁用UIButton的标题向右移动？

Question

我创建了一个自定义的UIButton类，以在屏幕的右边缘显示按钮的图像。

代码如下-

class CutomButton: UIButton {    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setup()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        setup()
    }

    func setup() {
        imageView?.translatesAutoresizingMaskIntoConstraints = false
        imageView?.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -8).isActive = true
        imageView?.centerYAnchor.constraint(equalTo: centerYAnchor).isActive = true
    }
}

上面的代码按预期工作。但是，按钮的标题向右移动，就像imageView处于其原始位置一样(位于标题的左侧)。

谁能指出按钮的标题如何放置在其原始位置，就像按钮的图像不存在一样？

Answer 1

默认情况下，UIButton类在内部进行管理，但是您确实有一些选择:

简易模式:修改UIButton中定义的边缘插图:titleEdgeInsets和imageEdgeInsets。在另一个SO post上查找之前的答案，该答案足够相似，但是您只需根据需要进行修改即可。

高级(但更灵活)模式:由于您正在创建子类，因此可以代替UIControl而不是UIButton子类。由于UIButton是UIControl的子类，因此触摸事件仍以与UIButton相同的方式注册，并且您可以重写isHighlighed / isSelected以控制“自定义按钮”在触摸状态下的显示方式。