[iOS] Storyboard で UIViewをボタン風に、角丸とボーダーをつける

2017/12/24 アプリ開発

わざわざ Swift でコードを書かなくても、Storyboard上から色々できますね！

設定方法

対象のUIViewを選択した状態でIdentity inspectorを開く
User Defined Runtime Attributesの +ボタンをクリック

Key Path	Type	Value	説明
layer.cornerRadius	Number	5	角丸の大きさ
layer.masksToBounds	Boolean	True	角丸になるようマスクする
layer.borderWidth	Number	1	ボーダー線の太さ
layer.borderColor	Color	任意の色

ボタンや背景に色をつけている場合、layer.masksToBoundsを指定しないとかっこ悪くなります。

Numberは少数もOKなので、layer.borderWidthを0.5とか捕捉することもできました。

参考

雑食プログラミング備忘録
[iOS] StoryboardでUIViewの角丸を設定する
http://chicketen.blog.jp/archives/4907195.html

Qiita
iOS Storyboardで枠色つき角丸ボタン
https://qiita.com/hkm/items/79a98139329a62631ca9