XLPagerTabStripで追加したViewControllerを削除するボタンを実装したい

Question

【現在作成中のアプリの概要】

現在、タブ付きのTODOリストを作成しています。
タブの生成はライブラリのXLPagerTabStripを使用しています。

添付ファイル中のタブ１（book1）とタブ２（book2）は常に表示させており、
Viewの右上にある＋ボタンを押すと新規のタブ（book3）が増える仕組みになっています。
タブの追加は下記に記載のMainViewControllerで管理しています。

【現在詰まっている箇所】

追加したタブを削除するボタンをViewの右上に設置。
このボタンを押すと追加したタブを削除できるようにしたいのですが、実装できません。
マイナスボタンは下記コードのremoveTab()と接続しています。
上記の実装を可能にする方法を知っている方がいらっしゃいましたら、ご教授の程よろしくお願い致します。

import UIKit
import XLPagerTabStrip
import RealmSwift

class MainViewController: ButtonBarPagerTabStripViewController {
    // 追加する ViewController
    var newVC: UIViewController?
    
    
    //なんかよく分からないから取りあえず消しとく
//    private var realm: Realm!
    //Realmから受け取るデータを突っ込む変数を準備
    private var tabList: Results<tabModel>!
//    var ison: Bool!
    //Realmから受け取るデータを突っ込む変数を準備
//    private var ison: Results<isVC3>!
    
    var number = 0
    
    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
        
        print(number,"現時点での値")
        
    }
    

    //タブ追加のメソッド
    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! ViewController
            table1.noteBookName = "book1"
//            table1.view.backgroundColor = .red
            vcs.append(table1)

            //ThirdViewControllerをインスタンス化する
            let table2 =  UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "notebook_table2") as! SecondViewController
            table2.noteBookName = "book2"
//            table2.view.backgroundColor = .yellow
            vcs.append(table2)
            
            //以下のコードを入力すると、再起動後に最新の数字が表示される
            let realm = try! Realm()
            let obj = realm.objects(isVC3.self)
            
            

            
            for objData in obj{
            
                print(objData.isOnVC,"realmに保存されている値")
                number = objData.isOnVC
            }
            
            if  number > 0 {
                //SecondViewControllerをインスタンス化する
                let table3 =  UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "notebook_table3") as! ThirdViewController
                table3.noteBookName = "book3"
                vcs.append(table3)
            }

        }

        // 追加する 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_table3") as! ThirdViewController
        vc.noteBookName = "book3"
//        vc.view.backgroundColor = .green

        // newVC に追加したい ViewController を登録する
        newVC = vc

        let obj = isVC3()
       print(obj.isOnVC,"追加前の値")
       
        print(number,"追加中の値")
        number += 1
        
        obj.isOnVC = number
        print(obj.isOnVC,"追加後の値")

            
            let realm = try! Realm()

            try! realm.write {
            realm.add(obj)
                //print(obj.numbers)
            }
       
        //タブを動的に追加するなど、表示を更新するメソッド(追加したタブを表示するメソッド)
        reloadPagerTabStripView()
    }
    
    @IBAction func removeTab(_ sender: Any) {
        let vc =  UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "notebook_table3") as! ThirdViewController
        vc.noteBookName = "book3"
        vc.hidesBottomBarWhenPushed = true
        
        let obj = isVC3()
       
        number -= 1
        
        obj.isOnVC = number
            
            let realm = try! Realm()

            try! realm.write {
            realm.add(obj)
                //print(obj.numbers)
            }
        //タブを動的に追加するなど、表示を更新するメソッド(追加したタブを表示するメソッド)
        reloadPagerTabStripView()
    }
}

Comments

[hoshi-takanori]

removeTab では storyboard から新しいタブを読み込む必要はなく、newVc を nil にして reloadPagerTabStripView を呼べばいいと思いますが、そもそもの作りがいまいちな気が…。

Answer 1

基本的には、self.vieControllers[] に現在表示している ViewController が入っているので、それから削除したい ViewController だけを削除すれば良いのですが、このプロパティは get only なので、少し工夫が必要です。

あくまでも一例ですが（これでも一応動きますが）

self.currentIndex には現在表示している viewController の Index が入っていますので、

    var deleteVCindex: Int?

    @IBAction func removeTab(_ sender: Any) {
        deleteVCindex = swlf.currentIndex
        
        reloadPagerTabStripView()
    }

みたいな感じで削除したいインデックスを保存し、

    override func viewControllers(for pagerTabStripController: PagerTabStripViewController) -> [UIViewController] {
        // 現時点で登録されている ViewController をコピー（viewControllers は get only）
        var vcs = self.viewControllers
        
        // 中略

        // 削除する ViewController がある場合
        if let deleteVC = deleteVCindex {
            vcs.remove(at: deleteVC)
            deleteVCindex = nil
        }
        
        return vcs
    }

みたいな感じでviewControllers(for:) の中で直接削除すれば、一応削除させることは可能です。

ただ、XLPagerTabStripはもう数年もメンテされていないですし、そもそもライブラリの機能としてダイナミックなタブの追加・削除はサポートしていない（使用者の責任で viewControllers の数を管理しなければならない）ため、もしかしたら現状でもメンテナンスされている上、動的な追加・削除が可能な別の OSS を探された方がよいかもしれません。

Comments

[tyu]

いつも助けて下さってありがとうございます。

確かにメンテされているライブラリに変更するのも一つの手ですね。
XLPagerTabStripの代わりになるライブラリも探してみます。