iOS - UIView above UITabBar with Layout Guide

Question

I have a UIView above my UITabBar that will be able to show and disappear. The View is added as a SubView in the UITabBarController's View. I want to change the Bottom Layout Guide depending on the View's state.

Example: When the View is hidden, the Bottom Layout Guide is animated to the TabBarController's default. When the View is visible, the Bottom Layout Guide animates to the TabBar's height + the height of the View above the TabBar.

How can I achieve that?

can you explain a bit more in detail what you are trying to achieve? — André Slotta, Aug 17 '17 at 11:03
The cleanest way imho is to create a custom viewcontroller with a containerview, your toggleable view and a tabbar. — André Slotta, Aug 17 '17 at 12:05
The bottom distance + the View's height becomes the bottom layout guide? — evenwerk, Aug 17 '17 at 15:07

score 1 · Accepted Answer · edited Dec 09 '19 at 12:32

1

The result I wanted can be achieved in iOS 11 by using the additionalSafeAreaInsets on the desired ViewController.

viewController.additionalSafeAreaInsets = UIEdgeInsetsMake(0, 0, offsetFromBottom, 0)

If you want to animate the elements adapting to the updated insets add this code along with the updated insets to your animation block.

viewController.view.layoutIfNeeded()

edited Dec 09 '19 at 12:32

ArtFeel

11,701
4
29
41

answered Sep 26 '17 at 15:41

evenwerk

947
1
12
28

1

Could you share how you accomplished this so that it is more useful to others? Sometimes a picture is worth 1000 words. +1 for your efforts. – Tommie C. Jan 11 '18 at 21:02
I added the code, let me know if this works for you. – evenwerk Jan 11 '18 at 21:37
1

UIEdgeInsets don't have a UIView as a property, so the second line is not correct. The first is more helpful. – Tommie C. Jan 11 '18 at 21:56
Thanks for letting me know, the second line is used to animate objects inside an animation block. – evenwerk Jan 11 '18 at 22:09

iOS - UIView above UITabBar with Layout Guide

1 Answers1