2016-09-13 56 views
0

我正在嘗試創建一個圓角的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

回答

1

最後,我找到了答案。感謝devslopes.com

首先在您的自定義類中添加@IBDesignable,然後添加以下代碼。

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

在您的自定義類中添加此函數後。只需更新該按鈕的故事板中角落半徑的值,即可在故事板上看到圓形按鈕。

0

由於layer.cornerRadius = 30在運行時執行,因此您的按鈕在故事板中看起來很平。同樣如果你在編輯器中編寫循環,那麼它不會在那裏給出結果,但它在你像智者一樣運行時工作,它不會在故事板上顯示四捨五入!

+0

有什麼方法可以在我的storyBoard上顯示圓角按鈕嗎? – rohit90

+0

根據我的知識沒有! – Lion