やりたいこと
上タブを実装したいと考えているんですがXLPagerTabStripというライブラリを見つけてやりたいことが実現できるか試しているんですが、上のタブの領域の高さをどうやって変更するのかわからず困っています。
現状
表示するcellはこのようにlabelと画像を配置しています、しかし実際に表示されるものは以下の画像のようにlabel部分が表示できずにいます
コード
swift
1class ViewController: BaseButtonBarPagerTabStripViewController<UpperTabCollectionViewCell> { 2 3 required init?(coder aDecoder: NSCoder) { 4 super.init(coder: aDecoder) 5 6 buttonBarItemSpec = ButtonBarItemSpec.nibFile(nibName: "UpperTabCollectionViewCell", bundle: Bundle(for: UpperTabCollectionViewCell.self), width: { _ in 7 return 70.0 8 }) 9 } 10 11 12 override func viewDidLoad() { 13 super.viewDidLoad() 14 self.view.backgroundColor = .orange 15 settings.style.buttonBarMinimumLineSpacing = 0 16 } 17 18 override func viewControllers(for pagerTabStripController: PagerTabStripViewController) -> [UIViewController] { 19 20 return [HogeViewController(), FugaViewController()] 21 } 22 23 override func configure(cell: UpperTabCollectionViewCell, for indicatorInfo: IndicatorInfo) { 24 cell.image.image = UIImage(named: "sample")!.withRenderingMode(.alwaysOriginal) 25 cell.label.text = "テスト" 26 } 27 28 29}
具体的にどのページの情報を参考に実装されていますでしょうか。
https://github.com/xmartlabs/XLPagerTabStrip/tree/master/Example
のコードサンプルを見ればわかるのですが、上タブに相当する部分はStoryBoardで固定高さの制約をつけていますし、セルのxibファイルも全て制約をつけている状態になっています。
また、表示する ViewController も IndicatorInfo に準拠させる必要がありそうなのですが、そのあたりは大丈夫でしょうか。
あなたの回答
tips
プレビュー