StoryBoard上的iOS10圆角UIButton显示

问题描述:

我正在尝试创建一个圆角的UIButton。StoryBoard上的iOS10圆角UIButton显示

像这样的事情在layer.cornerRadius = 30我的自定义按钮,也更新它在我的故事板

click here for storyboard image.

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

Button on simulator looks like this.

然而,在我的故事板,它仍然看起来像一个方形按钮。我怎样才能更新我的故事板来获取按钮?

+0

获取Interface Builder呈现自定义视图的唯一方法是使用'IBDesignable' /'IBInspectable'指令。你可以将这些添加到你的'CircleButton'。我现在无法详细讨论。搜索'IBDesignable UIButton'。 – Arthur

+0

@Arthur谢谢你的工作 – rohit90

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

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

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

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

由于layer.cornerRadius = 30在运行时执行,因此您的按钮在故事板中看起来很平。同样如果你在编辑器中编写循环,那么它不会在那里给出结果,但它在你像智者一样运行时工作,它不会在故事板上显示四舍五入!

+0

有什么方法可以在我的storyBoard上显示圆角按钮吗? – rohit90

+0

根据我的知识没有! – Lion