XLPagerTabStrip - How do I change the selected bar color as the selection changes

Question

I'm trying to do a design a XLPagerTabStrip control where the overall theme changes as the tabs change.

The following is what's getting called when a tab changes

changeCurrentIndexProgressive = { [weak self] (oldCell: ButtonBarViewCell?, newCell: ButtonBarViewCell?, progressPercentage: CGFloat, changeCurrentIndex: Bool, animated: Bool) -> Void in
        guard changeCurrentIndex == true else { return }
        oldCell?.label.textColor = .black
        newCell?.label.textColor = UIColor.red

        //Change the navigation bar's color
        self?.navigationController?.navigationBar.barTintColor = UIColor.red

        //Attempting to change the selected bar color
        self?.settings.style.selectedBarBackgroundColor = UIColor.green       
   }

Changing the navigation controllers color works, but I can't get the the selected bar (or any thing under the settings object) to change from within here?

Is it possible to change the settings once the view has been loaded?

Consider adding more tags to your question. There are 0 followers on `xlpagertabstrip` — OneCricketeer, Jan 21 '17 at 06:06
Thanks for adding those. I thought since they linked on their github to post questions here with that tag, that they were following it.. — Ben987654, Jan 21 '17 at 06:09
Hmm. Maybe, but still, only ~23 questions on this whole site have that tag — OneCricketeer, Jan 21 '17 at 06:10

score 6 · Accepted Answer · answered Jan 21 '17 at 07:26

Code Check

if you check the code Code Search for selectedBarBackgroundColor then you find this 3 interesting search results:

BaseButtonBarPagerTabStripViewController#viewDidLoad

buttonBarView.selectedBar.backgroundColor = settings.style.selectedBarBackgroundColor

BarPagerTabStripViewController#viewDidLoad

barView.selectedBar.backgroundColor = settings.style.selectedBarBackgroundColor ?? barView.selectedBar.backgroundColor

ButtonBarPagerTabStripViewController#viewDidLoad

buttonBarView.selectedBar.backgroundColor = settings.style.selectedBarBackgroundColor

that means that you need to set the BackgroundColor before an viewDidLoad.

Issue

see also the answer of this issue: XLPagerTabStrip Issue #137:

Actually this isnot a issue. Settings should be configured before viewDidLoad is called. Could you please document it in the readme?

workaround

buttonBarView is a public var maybe you can set it additional to the settings direct this property: buttonBarView.selectedBar.backgroundColor

Thank you, I must have missed that thread since I tried looking through the github issues. Works perfectly, thank you. — Ben987654, Jan 23 '17 at 00:25
This should be written in the documentation. Please, Xmartlabs, could you update your docs ? Thanks. — Fox5150, Nov 12 '18 at 18:23
@Fox5150 you should open an issue at the github repo for this — muescha, Nov 25 '18 at 14:56

XLPagerTabStrip - How do I change the selected bar color as the selection changes

1 Answers1