共通パーツ(xib,swift)をVIewControllerでUIViewで描画し制御する方法

Question

似たような質問があるのですが、回答までたどり着けないので質問させてください。

共通パーツを作って、ViewControllerで制御したいのですができません。
ViewControllerにはUIViewを配置していて、そこに共通パーツのCustomViewを配置したいです。
現在、以下のようなコードを記載しています。

(1)共通パーツ「testView(xib,swift)」製作
・testView.xib作成
Xcodeにて、File->New->File->UserInterfaceよりViewを選択しUILabelを配置
・testView.swift作成
Xcodeにて、File->New->File->CocoaTouchClassのSubclassにUIViewで"testView"作成し以下のコードを記載
・XcodeにてtestView.xibのFile'sOwnerにtestViewを設定
・XcodeにてtestView.xibにUILabelを配置し、ドラッグドロップでtestView.swiftにIBOutletを設定

import UIKit
class testView: UIView {
    @IBOutlet weak var testLabel: UILabel!
    // コードから生成された場合の初期化
    override init(frame: CGRect){
        super.init(frame: frame)
        loadNib()
    }
    // ストーリーボードから生成された場合の初期化
    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)!
        loadNib()
    }
    func loadNib(){
        // Xibのファイル名？
        let view = Bundle.main.loadNibNamed("testView", owner: self, options: nil)?.first as! UIView
        view.frame = self.bounds
        self.addSubview(view)
    }
}

(2)testMainViewController(ViewController)を作成し、以下に記述
Xcodeにて、File->New->File->CocoaTouchClassのSubclassにUIViewControllerで"testMainViewController"を作成し以下のコードを記載
・XcodeのStoryBoadにてViewControllerにclassにtestMainViewControllerを設定
UILabelを配置
・xcodeで配置したUILabelのclassにtestViewを設定
・XcodeのStoryBoadにてUILabelをドラッグドロップでtestMainViewController.swiftにIBOutletを設定[testViewParent]

import UIKit
class testMainViewController: UIViewController {
    @IBOutlet weak var testViewParent: testView!
    override func viewDidLoad() {
        super.viewDidLoad()
        testViewChild = UINib(nibName: "testView", bundle: nil).instantiate(withOwner: self, options: nil).first as? testView
        addSubviewWithAutoLayout(childView: testViewChild!, parentView: testViewParent)
    }
    // 親viewに対してフルで表示するためのautolayoutの制約
    private func addSubviewWithAutoLayout(childView: UIView, parentView: UIView) {
        parentView.addSubview(childView)
        parentView.addConstraint(NSLayoutConstraint(item: childView, attribute: .top, relatedBy: .equal, toItem: parentView, attribute: .top, multiplier: 1.0, constant: 0))
        parentView.addConstraint(NSLayoutConstraint(item: childView, attribute: .right, relatedBy: .equal, toItem: parentView, attribute: .right, multiplier: 1.0, constant: 0))
        parentView.addConstraint(NSLayoutConstraint(item: childView, attribute: .bottom, relatedBy: .equal, toItem: parentView, attribute: .bottom, multiplier: 1.0, constant: 0))
        parentView.addConstraint(NSLayoutConstraint(item: childView, attribute: .left, relatedBy: .equal, toItem: parentView, attribute: .left, multiplier: 1.0, constant: 0))
    }
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

Comments

[Stripe]

それで、何が問題になっているんですか？

[yamayamak]

以下のエラーが出ています。

[yamayamak]

2017-10-02 23:04:46.902822+0900 myTest[1620:897738] *** Terminating app due to uncaught exception 'NSUnknownKeyException', reason: '[<myTest.testMainViewController 0x16e5cec0> setValue:forUndefinedKey:]: this class is not key value coding-compliant for the key testLabel.'

[yamayamak]

あと、他にもいろいろ試して見たのですが、ダメでした。そもそも、書き方ややり方がどのようにするのが正しいのか？よくわからないので教えて欲しいです。UIViewにCustomViewを上書き見たいなやり方が正しいのでしょうか？

[Stripe]

File'sOwnerが何だか知ってますか？

[yamayamak]

よくわからないので質問してますが、わかるなら直すポイントを記載していただけますか？

[Stripe]

あなたの言う「共通パーツ」とは何ですか？　プロジェクト内の複数の箇所で使い回すんですか？

Answer 1

testViewの実装はだいたい良さそうです。
nibの読み込み自体はtestViewで十分できているので、tableViewのイニシャライザを使って生成してあげましょう。
コードで使う場合には、tableView(frame: CGRect.zero)とかで生成してあげるといいでしょう。
Storyboard上で使う場合には、配置したい箇所にUIViewを配置してクラスをtestViewに変えてあげるとtestView.init(coder aDecoder: NSCoder)経由で生成してくれます。
あとは、IBOutletでリンクしてあげれば実装したメソッドにもアクセスできます。
画像なしでわかりづらい説明ですがすみません・・・

Comments

[yamayamak]

回答ありがとうございます。すみません、どこをどのように修正すれば良いか、よくわからないのですが、「tableView(frame: CGRect.zero)」は、testMainViewController内に記載するというだと思いますが、どのように記載すれば良いでしょうか？
また、IBOutletでリンクしてあげれば実装したメソッドにもアクセスというのはメソッドを記載した場合のことでしょうか？IBOutletでリンクはしているつもりですが、まだ不足があるのでしょうか？

[yamayamak]

ありがとうございます。動きました。修正したコードは別途以下に記載しましたので、コメントがあればお願いします。

[yuutetu]

動作したようで、良かったです。

Answer 2

testMainViewControllerを以下のように記載して動きました。

import UIKit
class testMainViewController: UIViewController {
    @IBOutlet weak var testViewParent: testView!
    override func viewDidLoad() {
        super.viewDidLoad()
        //testViewParent = testView(frame: CGRect.zero)
    }
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

Comments

[yuutetu]

`@IBOutlet weak var testViewParent: testView!`の行だけで十分な気がします。
`func viewDidLoad()`の処理を無くしても動くと思います。
(このコードだと2回カスタムビューの再生が発生していそうです。)

[yamayamak]

なるほど、ありがとうございます。
ご指摘の内容で動作するのを確認し回答を修正しました。
不要な行をコメントアウトしました。