2016-09-13 4 views
0

丸い角のUIButtonを作成しようとしています。このようなストーリーボード上の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