带外边框的圆角矩形 UIButton

【问题标题】：Rounded Rect UIButton with outer border带外边框的圆角矩形 UIButton
【发布时间】：2016-09-28 08:56:25
【问题描述】：

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

附：我使用此代码使按钮变圆：

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

这个用于边框：

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

现在我得到了这个结果：

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

【问题讨论】：

【解决方案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 值。这样看起来就像是在按钮外部添加了框架。

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

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

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

【讨论】：