ViewControllerからViewに値を渡して、xibに値を表示させたい

Question

##やりたいこと
ViewControllerからViewに値を渡して、xibに値を表示させたい
(tableViewの中にViewをヘッダーとして入れています。このViewのことを話します)

##詳細
ViewController

class NotesViewController: UIViewController {

    @IBOutlet weak var tableView: UITableView!

    override func viewDidLoad() {
        super.viewDidLoad()

        tableView.dataSource = self
        tableView.delegate = self
        // xibを使用
        tableView.register(UINib(nibName: "NoteTableViewCell", bundle: nil), forCellReuseIdentifier: "NoteTableViewCell")
        
        setupNav()
    }

    func setupNav() {
        Api.ApiClass.fetchClass(classId: classId) { (c) in
            let category = CategoryView() 
            category.category = c // ここでViewに値を渡している
        }
    }
}

View

class CategoryView: UIView {

    @IBOutlet weak var cLabel: UILabel!
    
    override init(frame: CGRect){ super.init(frame: frame); loadNib() }
    required init(coder aDecoder: NSCoder) { super.init(coder: aDecoder)!; loadNib() }
    func loadNib(){
        let view = Bundle.main.loadNibNamed("CategoryView", owner: self, options: nil)?.first as! UIView
        view.frame = self.bounds
        self.addSubview(view)
    }
    
    // ViewControllerからここで値をキャッチ
    var category: Class? {
        didSet {
            updateView()
        }
    }

    func updateView() {
　　　　　// xibからつなげたIBOutletに値を入れているが、これが表示されない
        cLabel.text = category?.title
    }
}

##問題
xibはしっかり表示されるのですが、入れた値が表示されない

どうしたら良いでしょうか？
すみませんが、よろしくお願いします。

Comments

[hayabusabusash]

TableViewに表示するならCategoryViewをUITableViewCellで作るのはどうでしょうか？
参考(https://yuu.1000quu.com/use_a_custom_cell_in_swift)

もしUIViewで作らないといけない理由があるならまた別のアプローチになるかもしれませんが...

[reeeeet]

すいません。書き忘れていました。
tableViewの中にViewを入れて、ヘッダーを作りました。このViewのお話になります。
情報が足りなくてすみません。
修正します。

[hayabusabusash]

修正ありがとうございます！
なるほど、ヘッダーがカスタムのViewになっているんですね。
質問ですが、Storyboard上にあるCategoryViewをNotesViewControllerにOutlet接続はされていますか？

[reeeeet]

ご返信ありがとうございます。
Storyboard上からは接続してないですね。
接続してあるのは、CategoryViewからxibだけになります。

[reeeeet]

ちなみにxibはこちらを参考につくりました。
https://dev.classmethod.jp/smartphone/xib/

[hayabusabusash]

Outlet接続してCategoryView内のcategoryに新しい値を代入することができたので、
fetchのクロージャー内で接続したCategoryViewのcategoryに新しい値をセットするのはどうでしょうか？

ただ同じようにやってみてもCategoryViewが全然表示されなくて...
ちょっと回答には程遠い感じになっています...
これってCategoryViewの高さ等はどこかで指定している感じですか？

[reeeeet]

ご返信ありがとうございます。
「fetchのクロージャー内で接続したCategoryViewのcategoryに新しい値をセットする」
-> 質問内容ができなければ、これをやる予定でした。ただ、こうするとViewControllerの行数が増えてしまうのでもうちょっと頑張りたいです。

CategoryViewの高さは、xibのsizeをFreeFormにして、heightで設定しています。

[hayabusabusash]

すみません。
こちらがきちんと意図を汲み取れていないので的外れかもしれませんが、
以下のようにするのは何か問題があるのでしょうか？
これならそこまでコードの量は変わらないと思います。

class NotesViewController: UIViewController {

@IBOutlet weak var tableView: UITableView!
@IBOutlet weak var categoryView: CategoryView! // StoryboardからOutlet接続

override func viewDidLoad() {
super.viewDidLoad()

tableView.dataSource = self
tableView.delegate = self
// xibを使用
tableView.register(UINib(nibName: "NoteTableViewCell", bundle: nil), forCellReuseIdentifier: "NoteTableViewCell")

setupNav()
}

func setupNav() {
Api.ApiClass.fetchClass(classId: classId) { (c) in
self.categoryView.category = c
}
}
}

[reeeeet]

す、すごいです。できました！ありがとうございます！
初心者なので、なぜこれができるのかがまったくわかってないのですが、、、
よかったらなぜできなくて、なぜできたのかを教えていただけたら幸いです。
本当にありがとうございましす！

[reeeeet]

あとぜひベストアンサーに選ばせていただきたいので、回答として書いていただきたいです。
よろしくお願いいたします。

[hayabusabusash]

よかったです！!
単にNotesViewControllerに表示されているCategoryViewを更新するようにしただけです。
fetchのクロージャー内の処理ですが

let category = CategoryView()
category.category = c // ここでViewに値を渡している

となっています。
これでは新しくCategoryViewを生成してそれに対して値を渡してしまっているので、
NotesViewController上に表示されているCategoryViewが更新されることはありません。

なのでStoryboardからCategoryViewをOutlet接続して、
それをfetch内で値を渡すようにすれば、表示されているCategoryViewに対して更新をかけることができます。
Storyboardで生成したViewなどに対してコードから参照する場合はOutlet接続しないとダメですからね。

もしTableViewのヘッダーがつくりたいならTableViewのSectionHeaderにCategoryViewを指定してしまうのもありなんじゃないかなと思います！
(https://qiita.com/ryokosuge/items/3dabb9875b32a0908bce)

こんな感じでよければ自己解決でこの質問を解決済みにしておいてください！

[reeeeet]

解説もすごいわかりやすくて助かりました。
貴重なお時間を使っていただき本当にありがとうございました！

Answer 1

hayabusabusashさんのアドバイスにより解決しました。

class NotesViewController: UIViewController {

@IBOutlet weak var tableView: UITableView!
@IBOutlet weak var categoryView: CategoryView! // StoryboardからOutlet接続

override func viewDidLoad() {
 super.viewDidLoad()

 tableView.dataSource = self
 tableView.delegate = self
 // xibを使用
 tableView.register(UINib(nibName: "NoteTableViewCell", bundle: nil), 
 forCellReuseIdentifier: "NoteTableViewCell")

setupNav()
}

func setupNav() {
  Api.ApiClass.fetchClass(classId: classId) { (c) in
  self.categoryView.category = c
}
}
}

理由
ーーーーーー
単にNotesViewControllerに表示されているCategoryViewを更新するようにしただけです。
fetchのクロージャー内の処理ですが

let category = CategoryView()
category.category = c // ここでViewに値を渡している

となっています。
これでは新しくCategoryViewを生成してそれに対して値を渡してしまっているので、
NotesViewController上に表示されているCategoryViewが更新されることはありません。

なのでStoryboardからCategoryViewをOutlet接続して、
それをfetch内で値を渡すようにすれば、表示されているCategoryViewに対して更新をかけることができます。
Storyboardで生成したViewなどに対してコードから参照する場合はOutlet接続しないとダメですからね。

もしTableViewのヘッダーがつくりたいならTableViewのSectionHeaderにCategoryViewを指定してしまうのもありなんじゃないかなと思います！
(https://qiita.com/ryokosuge/items/3dabb9875b32a0908bce)
ーーーーーー

本当に助かりました。
ありがとうございました(^ ^)

Answer 2

Outlet接続されていないので、
CategoryViewをNotesViewControllerに接続して更新するようにしました。

class NotesViewController: UIViewController {

@IBOutlet weak var tableView: UITableView!
@IBOutlet weak var categoryView: CategoryView! // StoryboardからOutlet接続

override func viewDidLoad() {
super.viewDidLoad()

tableView.dataSource = self
tableView.delegate = self
// xibを使用
tableView.register(UINib(nibName: "NoteTableViewCell", bundle: nil), forCellReuseIdentifier: "NoteTableViewCell")

setupNav()
}

func setupNav() {
Api.ApiClass.fetchClass(classId: classId) { (c) in
self.categoryView.category = c
}
}
}

Comments

[reeeeet]

自己解決を書くのに時間がかかってしました。
ご回答ありがとうございます。
ベストアンサーにさせていただきます。