UIToolbar at top of screen + safe area

Question

Created Oct ’18

Replies 5

Boosts 0

Views 2.9k

Participants 3

I'm using a UIToolbar across the top of my app.

When I constrain it to the safe area I get a black band at the top of the screen. So I set the background to the same color, but then I get a thin line at the top of the toolbar. How can I resolve this without the thin border around the toolbar? Is there a clean way to do it? Should I use a UIView instead of UIToolbar? Can I get this UI out of a UINavigationBar? What do Pages/Keynote/Numbers use for their toolbars?

When I move the toolbar to the bottom of the safe area, it is somehow smart and draws its color all the way to the bottom of the superview. It seems UIToolbar is meant to live at the bottom of the screen.

thanks!

Answered by Audulus in 338083022

Simply setting Clips To Bounds on the UIToolbar got rid of the border.

Boost

Answer 1

junkpile OP

Oct ’18

Set your view controller as the toolbar‘s delegate, and implement the delegate method positionForBar to return top attached.

Disclaimer: I haven’t tried this recently. But that’s been the official way to do it for a while I think.

0

Answer 2

Audulus OP

Oct ’18

Thanks junkpile. Alas that moves the line to the bottom of the UIToolbar, which doesn't satisfy the design.

0

Answer 3

Audulus OP

Oct ’18

Accepted Answer

Simply setting Clips To Bounds on the UIToolbar got rid of the border.

0

Answer 4

junkpile OP

Oct ’18

That sounds a bit hackish (could break something else in a future iOS release or on a different device or toolbar position). A better way to hide the line might be to call setShadowImage on the toolbar using an empty or transparent image.

0

Answer 5

Claude31 OP

Oct ’18

Could you post this piece of code ?

0