今更ながらIBDesignableとIBInspectableについて #Swift

そもそもIBDesignableとIBInspectableって何もの？

Xcode 6から新たにできるようになった機能です。
遡ること3年前のWWDC 2014に発表された機能です。(ずいぶん前ですが。。。。)
使ってみようと思ってずいぶん期間が経過してしまいました。。。

IBDesignableとIBInspectable修飾子をつけることによってStoryboard上で見た目、カスタムの属性を変更できます。

今回作ったものはGithubに上がってます。
※ 範囲選択可能なカレンダーを作ってみました。(おまけ情報)

とりあえず使い方。

@IBDesignable
class SampleView: UIView {

    override func draw(_ rect: CGRect) {
        // Drawing code
    }

}

はい。これでIBDesignableが使えるようになりました。

えっ？何こいつ。フザケンナヨって？

はい。そう思います。
IBDesignableというのはカスタマイズした見た目をStoryboard上で変更箇所がリアルタイムで閲覧できる機能になります。(Xibで作ったものやロジックで書いたコードも)

@IBDesignable
public class CalendarView: UIView{
      ~ カレンダー表示機能 ~
}

そうすることでカスタムで定義したViewをStoryboardに載せると以下のように表示することができるようになります。

これがIBDesignableの特徴です。

では次にIBInspectableについてですが
簡潔にいうと「Storyboardから値をいじれる」ということです。
全てを変更できるわけではなく設定できる値(クラス)に決まりがあります。

では、実際のコードを見ていきましょう。

@IBInspectable var circleColor: UIColor = UIColor.white {
        didSet {
             // ほにゃらら
        }
    }

こうすることによってStoryboard上で値が変更できるようになります。

circleColorがStoryboard上にあることがわかります。
ここの値を変更することでViewに対しても値が変わります。
実際にGifでは色を変更しているのが確認できると思います。
これがIBInspectableの特性です。

楽しかったです。w