UIKit/カスタムビュー

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の作成†

• File > New > iOS > User Interface > Viewでxibを追加。UIViewのサブクラスを作成するとxibは自動的に作成してくれないので手動でxibを作成する。
• xibを開いてAttributes InspectorでSizeをFeedomにStatus BarをNoneに設定する。
• Viewの上に好みのコンポーネントを配置。

クラスの作成†

• 以下のように作成。

  @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にすることを忘れてはならない。

トラブルシューティング†

Interface Builderで表示できない。†

• クラスの定義に「@IBDesignable」がついているかどうか確認する。

Interface Builderに設定するとエラーが起こる†

• xibファイルをロードしているところにownerを確認する。Interface BuilderでFile's OwnerをCustom Viewとした場合、ロード時にself(CustomView)を指定する。

         let v = UINib(nibName: "CustomView", bundle: Bundle(for: CustomView.self)).instantiate(withOwner: self, options: nil)[0] as! UIView

outletを接続するとエラー†

• これもやっぱり、オーナーまわりの設定がおかしい可能性あり。

ライブラリプロジェクトのビューが読み込めない†

• ライブラリ内のxibはNSBundle.mainBundleでは読み込めない。クラス名を指定して読み込む。

Contents

メニュー

• about
• blog
• blog(はてな)

配布物

• FaEdit
  • ヘルプ
  • BugTrack
• WikiHelpMaker
  • ヘルプ
  • BugTrack

ゲーム

• 時のオカリナ3DS
• ドラゴンズドグマ
• スプラトゥーン2
• DQB2
• ジョイコン

ショートカット

• 用語集A-Z
• 用語集ア-ワ

今日の20件

最新の20件