Toolbar incorrectly positioned during push animation with hidesBottomBarWhenPushed

问题

I have an App using a Tabbar for basic Navigation. From one of the screens of the Tabbar I want to enter another one that shows a toolbar instead of the Tabbar and a back navigation item on the top.

What is the best way to do this? If I use "Hide Bottom Bar on Push" (aka hidesBottomBarWhenPushed) and add a Toolbar to the screen I can see an animation removing the Tabbar before the Toolbar is placed at the bottom of the screen.

回答1:

Solution for UITableViewController with toolbar (requires code)

Using code from this answer, I was able to achieve the same effect, but with the toolbar at the bottom of a table view.

Add this to your table view controller:

- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
    [self.navigationController setToolbarHidden:NO animated:YES];
}

- (void)viewWillDisappear:(BOOL)animated
{
    [super viewWillDisappear:animated];
    [self.navigationController setToolbarHidden:YES animated:YES];
}

Important note: placing these calls in viewWillAppear and viewWillDisappear instead of viewDidLoad makes this easier to handle, as it will work reliably even for multiple pushes and pops of the same view controller, and you won't have to clean up after it in the previous view controller.

And configure it like this in the storyboard:

Also, enable Hides bottom bar when pushed in the storyboard, or in your code, for the view controller being pushed.

Then you can add toolbar buttons to the toolbar in the storyboard.

Build and run, and you get this effect:

Here's a complete sample project demonstrating this.

回答2:

Problem Example

Here is my solution,

In the first view controller that has the tabbar do this

override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
    if segue.identifier == "someSegue" {
        if let secondVC = segue.destinationViewController as? InfoTableViewController {
            secondVC.hidesBottomBarWhenPushed = true
        }
    }
}

I also needed this, as my toolbar would re appear in the first VC.

override func viewWillAppear(animated: Bool) {
    super.viewWillAppear(animated)
    navigationController?.toolbarHidden = true
}

To stop the fade up animation of the toolbar, so its just there i used this in the second VC

override func viewDidLoad() {
    super.viewDidLoad()
    navigationController?.toolbarHidden = false
}

回答3:

Pure storyboard solution

If you're referring to the issue of the toolbar appearing above the tab bar during the push transition animation, I was able to fix this by adjusting the auto layout constraints on the toolbar in the storyboard (add it manually to your view controller; see my other answer if you're using a UITableViewController or UICollectionViewController and can't do this):

Add a constraint to set the distance to the bottom layout guide to zero:

Double click that constraint to edit it, and set the first item to Bottom (it will be Top by default).

All done! This will result in an effect like this:

Here's my sample project that demonstrates this working as expected. Note that I didn't change any of the code, everything is in the storyboard.

回答4:

As of Xcode 7, the pure Storyboard solution doesn't work anymore because Xcode wouldn't let you assign the Bottom attribute to the Bottom Layout Guide anymore.

For my project, I used the following setup:

• A UITabBarController as initial view controller, going into a
• UINavigationController, with root vc set to...
• UIRegularViewController, which should behave normally, but spawn a...
• UISpecialViewController, which should hide the tab bar and instead display a toolbar. Also, it should hide the status bar, the navigation bar and the tool bar on tap.

Here is what I did to achieve this:

In the storyboard

UITabBarController: set Tab Bar Translucency to NO

UISpecialViewController: Set Simulated Metrics like so

• Status Bar: None
• Top Bar: Opaque Nav Bar
• Bottom Bar: Opaque Toolbar

Set Extended Edges like this:

• Under Top Bars: NO
• Under Bottom Bars: YES
• Under Opaque Bars: YES

Do not drag a UIToolBar into UISpecialViewController !

In the Implementations

// in UISpecialViewController.m
- (void)viewWillAppear:(BOOL)animated {
    self.navigationController.toolbarHidden = NO;
    self.navigationController.hidesBarsOnTap = YES;
}

- (void)viewWillDisappear:(BOOL)animated {

    self.navigationController.toolbarHidden = YES;
    self.navigationController.hidesBarsOnTap = NO;
}

- (BOOL)prefersStatusBarHidden {
    return self.navigationController.navigationBarHidden;
}

Here is the Demo Code.

This is the result:

来源：https://stackoverflow.com/questions/29334285/toolbar-incorrectly-positioned-during-push-animation-with-hidesbottombarwhenpush