如何制作双线边框UIButton？

Question

我希望我的按钮有双线边框，就像在图像中一样。

有没有办法以编程方式进行呢？

Answer 1

最简单的可能是将按钮添加为另一个视图的子视图，略微插入，然后在视图和按钮图层上设置边框。

或者在按钮上设置背景图像（可以通过渲染图像的bezier路径在代码中生成）。

Answer 2

另一种方法是使用UIImage方法resizableImageWithCapInsets创建一个可伸缩的图像。

您要做的是创建一个图像，其内部折叠到可能的最小尺寸（在此示例中为1个像素），然后指定边缘的大小。当您以这种方式创建UIImage时，它会将中间扩展为任何所需的大小。这会给你双边框。然后，您可以安装其中一个可伸缩图像作为按钮设置的背景图像，以便在两个维度上调整大小。

编辑：请记住将图像创建为3倍大小，然后将其缩小到2倍和1倍大小，以便在所有不同设备上看起来都很清晰。 （我们仍然需要支持iPad 2，这是非视网膜。如果你只是iPhone，你可以跳过1x，只需保存@ 2x和@ 3x分辨率。）

Answer 3

您可以继承UIButton并覆盖drawRect：

在这里，您可以使用CGContext

随意绘制边框

希望这有帮助！