iOS10在StoryBoard上展示了UIButton

时间:2016-09-13 18:14:32

标签: ios uibutton storyboard

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

在我的自定义按钮类中有类似layer.cornerRadius = 30的内容,并在我的storyBoard中更新了它

click here for storyboard image.

我能够获得圆角UIButton。当我在模拟器上运行它时工作正常。

Button on simulator looks like this.

然而,在我的故事板上它仍然看起来像一个方形按钮。如何更新我的故事板以获得圆形按钮?

2 个答案:

答案 0 :(得分:1)

最后,我找到了答案。感谢devslopes.com

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

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

在自定义类中添加此功能后。只需更新故事板中该按钮的角半径值,您就可以在故事板上看到圆形按钮。

答案 1 :(得分:0)

你的按钮在故事板中看起来很明显,因为layer.cornerRadius = 30在运行时执行。同样的,如果你在编辑器中编写循环,那么它不会在那里给出结果但是当你运行它时它会起作用,它不会在故事板上显示圆形!!