带外边框的圆角矩形 UIButton

Question

我想为 UIButton 制作外边框。当我单击按钮时添加边框宽度，而不是在圆形按钮内部 - 在该按钮外部。

P.S。我使用此代码使按钮变圆：

    button.layer.cornerRadius = 0.5 * button.frame.size.width
    button.clipsToBounds = true

这是边框：

    self.button.layer.borderWidth = CGFloat(10)

现在我得到了这个结果：

但我需要按钮外的边框。如果有人帮助我，那就太好了，谢谢。

Answer 1

只需添加 alpha（透明度）而不是添加边框，而是更改其 alpha 值。设置边框颜色如下：

    let borderColor = UIColor(red: 0.0/256.0, green: 0.0/256.0, blue: 0.0/256.0, alpha: 0.0)

并修改alpha值。这样看起来就像您在按钮外部添加了框架。

现在，您没有指定是否也想要动画。如果你确实想要动画，你应该只在按钮的边界之外绘制框架，这样做可能比较棘手，而且框架不会有按钮的功能。

保留按钮和动画的另一种选择是在按钮后面画一个圆圈并将边框设置为透明，然后设置动画。

这只是您的三个选项，我相信还有更多...

Rounded Rect UIButton with outer border