iOS10 圆角 UIButton 在 StoryBoard 上展示答案

【问题标题】：iOS10 rounded UIButton show on StoryBoardiOS10 圆角 UIButton 在 StoryBoard 上展示
【发布时间】：2017-01-21 10:31:46
【问题描述】：

我正在尝试创建一个圆角 UIButton。

像 layer.cornerRadius = 30 这样的东西在我的自定义按钮类中，也在我的故事板中更新了它

我可以得到我的圆角 UIButton。当我在模拟器上运行它时，它工作正常。

但是，在我的故事板上，它仍然看起来像一个方形按钮。如何更新我的故事板以获取圆形按钮？

【问题讨论】：

让 Interface Builder 呈现自定义视图的唯一方法是使用 IBDesignable/IBInspectable 指令。您可以将这些添加到您的CircleButton。我现在无法详细说明。搜索IBDesignable UIButton。
@Arthur 谢谢它有效

标签： ios uibutton storyboard

【解决方案1】：

终于，我找到了答案。感谢 devslopes.com

首先在您的自定义类中添加@IBDesignable，然后添加以下代码。

@IBInspectable var cornerRadius: CGFloat = 30
{
    didSet{
       layer.cornerRadius = cornerRadius
    }
}
override func prepareForInterfaceBuilder()
{
    layer.cornerRadius = cornerRadius
}

在您的自定义类中添加此功能后。只需在情节提要中为该按钮更新圆角半径的值，您就可以在情节提要上看到圆形按钮。

【讨论】：

【解决方案2】：

您的按钮在故事板中看起来一定是方形的，因为layer.cornerRadius = 30 在运行时执行。就像你在编辑器中编写 for 循环一样，它不会在那里给出结果，但是当你运行它时它会正常工作，它不会在故事板上显示圆形！

【讨论】：

有什么办法可以在我的故事板上显示圆角按钮？
据我所知没有！！