XLPagerTabStripでタブを追加するボタンを導入したい

Question

XLPagerTabStripというライブラリを使用して、現在作成中のアプリにタブを導入しようとしています。
タブの実装は実施できたのですが、タブを追加するボタンの実装ができません。
下記のサイトを参照すると、reloadPagerTabStripView()を活用すると良いとのことですが、どのようにコーディングしたら良いか分かりません。

どなたかXLPagerTabStripにお詳しい方がいらっしゃいましたら、御教授の程お願いいたします。参考サイト

import UIKit
import XLPagerTabStrip

class NotebookViewController: ButtonBarPagerTabStripViewController {

    override func viewDidLoad() {
        // タブの背景色
                settings.style.buttonBarBackgroundColor = UIColor.lightGray
                // タブの色
                settings.style.buttonBarItemBackgroundColor = UIColor.lightGray
                // タブの文字サイズ
                settings.style.buttonBarItemFont = UIFont.systemFont(ofSize: 15)
                // カーソルの色
                buttonBarView.selectedBar.backgroundColor = UIColor.darkGray
        super.viewDidLoad()

        // Do any additional setup after loading the view.
    }
    override func viewControllers(for pagerTabStripController: PagerTabStripViewController) -> [UIViewController] {
        var vcs: [UIViewController] = []
        let table1 =  UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "notebook_table") as! NotebookTableViewController
        table1.noteBookName = "Notebook1"
        vcs.append(table1)
        let table2 =  UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "notebook_table") as! NotebookTableViewController
        table2.noteBookName = "Notebook2"
        vcs.append(table2)
        return vcs
    }
//タブを追加するボタン
    @IBAction func addTab(_ sender: Any) {
        reloadPagerTabStripView()
    }
    

}

Answer 1

考え方は UITableView などの reloadData() と同じなのですが、viewControllers(for:) は viewDidLoad() よりも先に呼び出されるようなので、少し工夫が必要になりそうです。

基本的な流れは下記のような感じになると思いますが、このままだとボタンを押すたびにいくらでも ViewController を追加できてしまうため、その辺りの制限は少し工夫する必要がありそうです。

class NotebookViewController: ButtonBarPagerTabStripViewController {
    // 追加する ViewController
    var newVC: UIViewController?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // タブの背景色
        settings.style.buttonBarBackgroundColor = UIColor.lightGray
        // タブの色
        settings.style.buttonBarItemBackgroundColor = UIColor.lightGray
        // タブの文字サイズ
        settings.style.buttonBarItemFont = UIFont.systemFont(ofSize: 15)
        // カーソルの色
        buttonBarView.selectedBar.backgroundColor = UIColor.darkGray
    }
    
    override func viewControllers(for pagerTabStripController: PagerTabStripViewController) -> [UIViewController] {
        // 現時点で登録されている ViewController をコピー（viewControllers は get only）
        var vcs = self.viewControllers
        
        // まだ何も登録されていない場合
        if vcs.isEmpty {
            // 初期設定の ViewController を追加
            let table1 =  UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "notebook_table") as! NotebookTableViewController
            table1.noteBookName = "book1"
            table1.view.backgroundColor = .red
            vcs.append(table1)
            
            let table2 =  UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "notebook_table") as! NotebookTableViewController
            table2.noteBookName = "book2"
            table2.view.backgroundColor = .yellow
            vcs.append(table2)
        }
        
        // 追加する ViewController がある場合
        if let addvc = newVC {
            // 追加する
            vcs.append(addvc)
            
            // 追加に利用した newVC は nil に戻す
            newVC = nil
        }
        
        return vcs
    }
    
    //タブを追加するボタン
    @IBAction func addTab(_ sender: Any) {
        let vc =  UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "notebook_table") as! NotebookTableViewController
        vc.noteBookName = "book3"
        vc.view.backgroundColor = .green
        
        // newVC に追加したい ViewController を登録する
        newVC = vc
        
        reloadPagerTabStripView()
    }
}

Comments

[tyu]

ご回答いただきありがとうございます。

上記内容の通りコーディングした結果、望んでいた機能を実装することができました。