[iOSアプリ開発!] UIButtonを丸いボタンにカスタマイズしてみた swift x iOS

UIButtonを丸い円状の見た目にかえる方法についてまとめておきます。

1:Main.StroyBoard上にUIButtonを配置


 

スクリーンショット 2016-02-24 17.00.32

好みに応じて色など設定をカスタマイズします。

スクリーンショット 2016-02-24 16.55.06

 

2:Storyboard上のUIButtonを選択した状態で、Size Inspectorを開き、サイズや位置を設定。


 

このとき、正円にするために、width, heightは同じサイズにしてください。
スクリーンショット 2016-02-24 17.02.55

 

3:また、Storyboard上のUIButtonを選択した状態で、Identity Inspectorを開き、User Defined Runtime Attributeを設定。


keyPath : layer.maskToBounds , Type : Boolean , Value : check
keyPath : layer.cornerRadius, Type : Number , Value : 90(この値は、widthの半分の大きさに設定)

 

スクリーンショット 2016-02-24 17.04.35

 

4:Simulator もしくは実機で実行


 

storyBoard上では、丸くなっていませんが、実行すると丸くなっていることが確認できます。
こんな感じ↓

12788423_1004340662988816_939361194_o

 

以上、参考になればと思います、、、