自定义 UIButton 中的 UILabel 使用 AutoLayout 调整到按钮的大小

Question

我希望将 UILabel 放在自定义 UIButton 中，并限制按钮大小，但要调整前导和尾随约束常量。 这个想法是使 UILabel 比按钮宽度小一点（标签从按钮中获取字体并使用自动缩小）。

使用我的自定义按钮的编码器在 init 中添加相关代码会导致约束不满足错误。

label = UILabel(frame: bounds)
addSubview(label)

translatesAutoresizingMaskIntoConstraints = false

label.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 10.0).isActive = true
label.trailingAnchor.constraint(equalTo: trailingAnchor).isActive = true
label.topAnchor.constraint(equalTo: topAnchor).isActive = true
label.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true

当我删除“10.0”常量时，它可以正常工作，但这个想法是给标签一个不同的大小，而不是按钮的确切大小。 任何想法？ 谢谢

Answer 1

找到解决方案，必须将 translatesAutoresizingMaskIntoConstraints 也添加到标签中：

label.translatesAutoresizingMaskIntoConstraints = false

Answer 2

尝试设置button.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0)，而不是附加标签和约束，并使用按钮的常规标题。

代替常规的UIButton，创建它的子类，并覆盖按钮的intrinsicContentSize 方法以保持自动调整大小的可能性：

class MyButton : UIButton {
   open override var intrinsicContentSize: CGSize {
        get {
            var ics = super.intrinsicContentSize
            ics.width = (ics.width < CGFloat(UINT16_MAX)) ? CGFloat(ceil(ics.width + self.titleEdgeInsets.left + self.titleEdgeInsets.right)) : ics.width
            ics.height = (ics.height < CGFloat(UINT16_MAX)) ? CGFloat(ceil(ics.height + self.titleEdgeInsets.top + self.titleEdgeInsets.bottom)) : ics.height
            return ics
        }
   }
}

如果你需要两个标签（原生按钮的titleLabel + 你的标签），方法是一样的：

class MyButton : UIButton {
   var labelLeading : NSLayoutConstraint!
   var labelTrailing : NSLayoutConstraint!
   var labelTop : NSLayoutConstraint!
   var labelBottom : NSLayoutConstraint!
   let label = UILabel(frame: bounds)

   public override init(frame: CGRect) {
       super.init(frame: frame)
       internalInit()
   }

   public required init?(coder: NSCoder) {
       super.init(coder: coder)
       internalInit()
   }

   private func internalInit() {
       addSubview(label)
       /// !!! Important to make label to not translate its autoresizing mask, not the button
       label.translatesAutoresizingMaskIntoConstraints = false

       labelLeading = label.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 10.0)
       labelTrailing = label.trailingAnchor.constraint(equalTo: trailingAnchor).isActive = true
       labelTop = label.topAnchor.constraint(equalTo: topAnchor)
       labelBottom  = label.bottomAnchor.constraint(equalTo: bottomAnchor)
       NSLayoutConstraint.activate([labelLeading, labelTrailing, labelTop, labelBottom)
   }

   open override var intrinsicContentSize: CGSize {
        get {
            var ics = super.intrinsicContentSize
            ics.width = (ics.width < CGFloat(UINT16_MAX)) ? CGFloat(ceil(ics.width + self.titleEdgeInsets.left + self.titleEdgeInsets.right)) : ics.width
            ics.height = (ics.height < CGFloat(UINT16_MAX)) ? CGFloat(ceil(ics.height + self.titleEdgeInsets.top + self.titleEdgeInsets.bottom)) : ics.height
            return ics
        }
   }
}