Make the buttons center-aligned

[Sweeper777]

Is there a way to make the buttons center aligned? Right now, all the buttons are on the left (left aligned). People have to move their hands a lot to tap on them on a really wide screen.

[ruddfawcett]

Can you post a screenshot?

[Sweeper777]

I will try to photoshop my desired result

[ruddfawcett]

Do you mean something like this?

[Sweeper777]

Yes, exactly that!

[ruddfawcett]

You can accomplish this by subclassing the toolbar and redrawing the layout (just calculate width of buttons and then plop in center or use auto layout).

[Sweeper777]

Which method should I override? I can't find anything related to collection views in RFKeyboardToolbar. Did you not expose it?

[ruddfawcett]

Check out addButtons.

[Sweeper777]

It does not seem to be visible in subclasses. Is it private? It has a - in front of it. That means it's private right?

[Sweeper777]

I overrode it like this:

override func addButtons() {
    let buttons = self.buttons.map { $0 as! RFToolbarButton }
    let totalWidth = buttons.reduce(0) { $0 + $1.width + 8 } - 8
    if totalWidth > scrollView.width {
        super.addButtons()
        return
    }
    var originX = (scrollView.width - totalWidth) / 2
    for button in buttons {
        button.x = originX
        button.y = 0
        originX += button.width + 8
        scrollView.addSubview(button)
    }
}

But the overridden method does not seem to get called. The buttons' positions stay the same as before.

[ruddfawcett]

And you're using your subclass?

[Sweeper777]

Yes of course! I stepped through the code and found that only the super class's addButton is called.

[ruddfawcett]

@Sweeper777 closing due to inactivity. Please reopen if you are still experiencing this issue. Thanks!