StoryBoardからUIViewやUIButtonの枠線の設定を行う事が増えたのでメモ

角丸にする

任意の部品のUser Defined Runtime Attributesに直接書く
今回はUIButton

Key Path：cornerRadius 
Type:Number 
Value:5

これだけ。
UIView、imageViewなどはclipsToBoundsにチェックを入れないと反映さえないので注意!!!!

枠線をつける

任意の部品のUser Defined Runtime Attributesに直接書く

Key Path：layer.borderWidth
Type：Number 
Value：1

Key Path：borderColor
Type：Color 
Value：red(実際は色を直接選択)

しかし、これだけでは反映されない.

layer.borderColorプロパティにはcgColor値を設定しないといけないが、StoryBoardで指定している色はUIColorのため
コードで変換してあげないといけない。

extension UIButton {
    
    @objc var borderColor: UIColor? {
        get {
            return layer.borderColor.map(UIColor.init)
        }
        set {
            layer.borderColor = newValue?.cgColor
        }
    }
}

extensionに書いてあげると無事に枠線に色がつく。

以上、便利だったので忘れないようにメモ