要在故事板中完成这项工作(接口构建器检查器)

在IBDesignable的帮助下，我们可以为UIButton添加更多的界面构建器检查器选项，并在故事板上调整它们。首先，将以下代码添加到项目中。

@IBDesignable extension UIButton {

    @IBInspectable var borderWidth: CGFloat {
        set {
            layer.borderWidth = newValue
        }
        get {
            return layer.borderWidth
        }
    }

    @IBInspectable var cornerRadius: CGFloat {
        set {
            layer.cornerRadius = newValue
        }
        get {
            return layer.cornerRadius
        }
    }

    @IBInspectable var borderColor: UIColor? {
        set {
            guard let uiColor = newValue else { return }
            layer.borderColor = uiColor.cgColor
        }
        get {
            guard let color = layer.borderColor else { return nil }
            return UIColor(cgColor: color)
        }
    }
}

然后简单地设置storyboard上按钮的属性。

我已经创建了一个简单的UIButton子模块，它使用tintColor作为文本和边框颜色，当高亮显示时，它的背景改变为tintColor。

class BorderedButton: UIButton {

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    layer.borderWidth = 1.0
    layer.borderColor = tintColor.CGColor
    layer.cornerRadius = 5.0
    clipsToBounds = true
    contentEdgeInsets = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
    setTitleColor(tintColor, forState: .Normal)
    setTitleColor(UIColor.whiteColor(), forState: .Highlighted)
    setBackgroundImage(UIImage(color: tintColor), forState: .Highlighted)
}
}

这利用了一个UIImage扩展，从一个颜色创建一个图像，我发现代码在这里:https://stackoverflow.com/a/33675160

当在界面构建器中设置为自定义类型时，它工作得最好，因为默认的系统类型会在按钮突出显示时略微修改颜色。

它是UIButton圆角边框的全局方法

class func setRoundedBorderButton(btn:UIButton)
{
   btn.layer.cornerRadius = btn.frame.size.height/2
   btn.layer.borderWidth = 0.5
   btn.layer.borderColor = UIColor.darkGray.cgColor
}

UIBuilder爱好者的解决方案:

检查UIButton的“Attribution Inspector”窗口中的“Clip to Bounds”复选框。[见下图1] 点击“身份检查器”，并点击“+”符号输入一个新的密钥路径:层。角半径，数字，8(或16等…) [见下图2]

图1:剪辑到边界复选框

图2:关键路径代码…

图3:结果图像按钮

@IBOutlet weak var button: UIButton!

...

我认为对于半径来说，这个参数足够了:

button.layer.cornerRadius = 5

基于@returntrue答案，我设法在接口生成器中实现它。

为了得到圆角按钮，使用界面生成器添加一个Key Path = "图层。按钮的标识检查器的“用户定义运行时属性”中的“Type =“Number”，Value =“10”(或其他需要的值)的“cornerRadius”。