UIKit/カスタムビュー の履歴(No.2)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• UIKit/カスタムビュー へ行く。
  • 1 (2016-11-14 (月) 05:05:21)
  • 2 (2016-11-14 (月) 05:51:42)

UIKit

Tag: UIKit/カスタムビュー

目次†

関連ページ†

参考情報†

• Creating a Custom View That Renders in Interface Builderという公式ドキュメントが存在するはずだがリンク切れ？
• IBDesignable できるカスタムビューを xib で定義するときには NSBundle に注意する - Qiita
• カスタムViewをNibから初期化し、IBDesignableとIBInspectableで便利に使う - Think Big Act Local
• Auto LayoutでCustom Viewを作る その1 | Cyber Passion for iOS

基本手順†

Xibの作成†

• SizeをFeedomに、Status BarをNoneに設定する。コンポーネントを配置。

クラスの作成†

• 以下のように作成。

  @IBDesignable class CustomView: UIView {
      override init(frame: CGRect) {
          super.init(frame: frame)
          loadFromNib()
      }
      
      required init?(coder aDecoder: NSCoder) {
          super.init(coder: aDecoder)
          loadFromNib()
      }
      
      private func loadFromNib() {
          // ここは UINib を使っても良い
  //        let v = NSBundle(forClass: self.dynami).loadNibNamed("CustomView", owner: self, options: nil).first as! UIView
          let v = UINib(nibName: "CustomView", bundle: Bundle(for: CustomView.self)).instantiate(withOwner: self, options: nil)[0] as! UIView
          v.frame = self.bounds
          addSubview(v)
      }
      
      // ここでStoryboard上の見た目を初期化する
      override func prepareForInterfaceBuilder() { // <= (4)
          loadFromNib()
      }
  }
  
  

関連づけ†

• xibのFile's OwnerをCustom Viewとする。ViewのほうをCustom Viewとしてはならない。
  • そうするとOutletが接続できなくなったりいろいろな不都合が発生する。
  • CustomViewのsubviewとしてxibをロードしていることに注目。ViewのほうをCustom Viewとすると無限ループ的な動きになる。
  • NSBundleおよび、UINibの呼び出しでownerをselfにすることを忘れてはならない。