按钮边框与快速的透明背景

Question

如何在下面的图片（“使用入门”）按钮中创建一个UIButton边框，使其具有透明背景？

我应该如何使用故事板或以编程方式完成此操作？

Answer 1

将backgroundColor设置为clearColor会使按钮变为透明。
例如，请尝试下面的代码。您可以根据需要配置和更改borderAlpha，cornerRadius和颜色。

let borderAlpha : CGFloat = 0.7
let cornerRadius : CGFloat = 5.0

button.frame = CGRectMake(100, 100, 200, 40)
button.setTitle("Get Started", forState: UIControlState.Normal)
button.setTitleColor(UIColor.whiteColor(), forState: UIControlState.Normal)
button.backgroundColor = UIColor.clearColor()
button.layer.borderWidth = 1.0
button.layer.borderColor = UIColor(white: 1.0, alpha: borderAlpha).CGColor
button.layer.cornerRadius = cornerRadius

Answer 2

使用扩展名：

$(".color").click(function () {
    var color = $(this).val();
    $(".modal-body #colorData").val(color);
    $("#myModal").modal('show');
});

<强>用法：

File newFile=new File("NewTextFile.txt");

Answer 3

使用Swift 3，对于Storyboard，只需将此子类添加到项目中，然后在Identity Inspector中，将其作为故事板上UIButton的类。然后你应该能够调整边界的颜色和宽度。

@IBDesignable class CustomButton: UIButton {

 @IBInspectable var borderColor: UIColor = UIColor.white {
    didSet {
        layer.borderColor = borderColor.cgColor
    }
 }

 @IBInspectable var borderWidth: CGFloat = 2.0 {
    didSet {
        layer.borderWidth = borderWidth
    }
 }

 override public func layoutSubviews() {
    super.layoutSubviews()
    clipsToBounds = true
 }
}

Answer 4

快速5

类似于@rakeshbs，但使用 Swift 5 ：

    let borderAlpha : CGFloat = 0.7
    let cornerRadius : CGFloat = 5.0

    self.frame = CGRect(x: 100, y: 100, width: 200, height: 40)
    self.setTitle("Login", for: UIControl.State.normal)
    self.setTitleColor(UIColor.white, for: UIControl.State.normal)
    self.backgroundColor = UIColor.clear
    self.layer.borderWidth = 1.0
    self.layer.borderColor = UIColor(white: 1.0, alpha: borderAlpha).cgColor
    self.layer.cornerRadius = cornerRadius