Toobar items not vertically centered

[iDevelopper]

Hello,

How can we successfully center vertically the toolbar buttons (case of system symbols) ?

So that they are vertically aligned with the titles view too?

[LeoNatan]

You can take a look at how I add them in the demo app. System images in toolbars and navigation bars are quite finicky.

[iDevelopper]

That's what I did. In your example the buttons are not centered vertically. Look carefully.

[LeoNatan]

Can you post a screenshot?

[LeoNatan]

Looks centered to me.

[iDevelopper]

[iDevelopper]

In fact it is the imageView and the titlesView which are centered in relation to the contentView and not in relation to the toolbar. And the contentView is bigger than the toolbar.

[LeoNatan]

That’s an implementation detail. The titles container is always full height of the popup bar, but the toolbar is always centered in the content view.

LNPopupController/LNPopupController/LNPopupController/Private/LNPopupBar.m

Line 437 in 43e71be

_toolbar.center = CGPointMake(_contentView.bounds.size.width / 2, _contentView.bounds.size.height / 2 - 1);

[LeoNatan]

I don’t remember why there is one point offset there, but it probably looked better to me at some point. 🤣

[iDevelopper]

I don't know ! I don't understand why the contentView is larger than the toolbar actually.

[LeoNatan]

The toolbar height must be left to the system layout. If you notice, I don’t touch the height of the toolbar. I just center it.