「XLPagerTabStrip」コードのみでタブバーの表示位置(y座標)を任意で設定したい

Question

お世話になってます。
XLPagerTabStripを使用してタブバーの実装を行っているんですが、
初期位置がx:0,y:0なのでヘッダーとかぶってしまうのでy座標を任意で設定したいです。
ストーリーボード は使用せずにコードのみで実装したいのですが、参考文献が見当たらず質問させていただきました。
setting.styleでも設定できないのでご存知の方いたらご教授いただけると幸いです。

Answer 1

たまたま先日回答向けに書き溜めたのがあるので、そのまま貼っておきます。
ButtonBarPagerTabStripViewController に buttonBarView、containerView をいうプロパティがあるので、それをそのまま利用します（下記のコードだと違うプロパティ名にしたいので冗長に書いていますが、直接指定しても結果に変わりはないはずです）。

ただ、公式は「StoryBoard の使用」を強く推奨していますので、このような利用は想定外であることはご理解ください。

import UIKit
import XLPagerTabStrip

class ViewController: ButtonBarPagerTabStripViewController, UICollectionViewDelegateFlowLayout {
    lazy var collectionView: ButtonBarView = {
        let cv = buttonBarView
        return cv!
    }()
    
    lazy var scrollView: UIScrollView = {
        let sv = containerView
        return sv!
    }()
    
    
    override func viewDidLoad() {
        // MARK: インセットに関する設定は、 super.viewDidLoad を呼ぶ前に行う

        // ボタンとボタンの間の間隔
        settings.style.buttonBarMinimumLineSpacing = 0
        //左右のインセット
        settings.style.buttonBarLeftContentInset = 0
        settings.style.buttonBarRightContentInset = 0
        
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        view.addSubview(collectionView)
        view.addSubview(scrollView)

    }
    
    override func viewWillLayoutSubviews() {
        super.viewWillLayoutSubviews()

        // Safe Area のトップインセット
        let topInset = view.safeAreaInsets.top

        let width = view.frame.size.width
        let height = view.frame.size.height

        // Tab Bar
        collectionView.frame = CGRect(x: 0, y: topInset, width: width, height: 64)

        // View Controller 表示部
        scrollView.frame = CGRect(x: 0, y: topInset + 64, width: width, height: height - 64)
        
        // Auto Layout を使う場合
        //        collectionView.translatesAutoresizingMaskIntoConstraints = false
        //        collectionView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor).isActive = true
        //        collectionView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
        //        collectionView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
        //        collectionView.heightAnchor.constraint(equalToConstant: 64).isActive = true
        //
        //        scrollView.translatesAutoresizingMaskIntoConstraints = false
        //        scrollView.topAnchor.constraint(equalTo: collectionView.bottomAnchor).isActive = true
        //        scrollView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
        //        scrollView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
        //        scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true
    }
    
    override func viewControllers(for pagerTabStripController: PagerTabStripViewController) -> [UIViewController] {
        let vc1 = SubViewController()
        vc1.view.backgroundColor = .red
        vc1.itemInfo = "First"
        
        let vc2 = SubViewController()
        vc2.view.backgroundColor = .yellow
        vc2.itemInfo = "Second"
        
        return [vc1, vc2]
    }
}

class SubViewController: UIViewController, IndicatorInfoProvider {    // 「IndicatorInfoProvider」を追加
    // タブのタイトルを設定
    var itemInfo: IndicatorInfo!
    
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    
    // protocol
    func indicatorInfo(for pagerTabStripController: PagerTabStripViewController) -> IndicatorInfo {
        return itemInfo
    }
}

Comments

[kaduf]

TsukurubaDepotさん
迅速な回答ありがとうございます、大変助かりました。

>公式は「StoryBoard の使用」を強く推奨しています
なるほど、こちらは漏れておりましたありがとうございますｍｍ
ストーリーボードだとgitでコンフリクトが起きやすい事からコードのみで実装を考えていた次第です。