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

わざわざ 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


スポンサーリンク







シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク