iPhone : Hiding / showing Toolbar

Question

I have a toolbar on top of my view with a back button. I would like when the view loads to appear with the toolbar hidden and then, with a touch of the button to appear animated.

--Edit-- I am not using a Navigation Controller.

Solution 1

Given new information - that there's no UINavigationController - things are different. Here are the relevant bits from my code...

Create the nav bar and add it to your view:

// Create the navigation bar

self.navBar = [[UINavigationBar alloc] init];
[self.view addSubview:self.navBar];

Lay it out..

- (CGRect)frameForOrientation:(UIInterfaceOrientation)theOrientation
{
    UIScreen *screen = [UIScreen mainScreen];
    CGRect fullScreenRect = screen.bounds;      // always implicitly in Portrait orientation.
    CGRect appFrame = screen.applicationFrame;

    // Find status bar height by checking which dimension of the applicationFrame is narrower than screen bounds.
    // Little bit ugly looking, but it'll still work even if they change the status bar height in future.
    float statusBarHeight = MAX((fullScreenRect.size.width - appFrame.size.width), (fullScreenRect.size.height - appFrame.size.height));

    // Initially assume portrait orientation.
    float width = fullScreenRect.size.width;
    float height = fullScreenRect.size.height;

    // Correct for orientation.
    if (UIInterfaceOrientationIsLandscape(theOrientation)) {
        width = fullScreenRect.size.height;
        height = fullScreenRect.size.width;
    }

    // Account for status bar, which always subtracts from the height (since it's always at the top of the screen).
    height -= statusBarHeight;

    return CGRectMake(0, statusBarHeight, width, height);
}

- (CGSize)viewSizeForOrientation:(UIInterfaceOrientation)theOrientation
{
    CGRect frame = [self frameForOrientation:theOrientation];
    return CGSizeMake(frame.size.width, frame.size.height);
}

- (void)layoutSubviewsForInterfaceOrientation:(UIInterfaceOrientation)theOrientation withAnimation:(BOOL)animate
{
    CGSize fullSize = [self viewSizeForOrientation:theOrientation];
    float width = fullSize.width;
    float height = fullSize.height;

    CGRect newFrame = CGRectMake(0, 0, width, height);
    SubViewController *controller;
    UIView *theView;

    // Place the navigation bar

    CGRect navBarFrame = newFrame;
    navBarFrame.size.height = NAVBARHEIGHT;
    self.navBar.frame = navBarFrame;
}

Create a function to who it/hide it:

- (void)showNavigationBar:(BOOL)show
{
    if (show == YES && self.navBar.hidden == YES) {

        // Move the frame out of sight
        CGRect frame = self.navBar.frame;
        frame.origin.y = -frame.size.height;
        self.navBar.frame = frame;

        // Display it nicely
        self.navBar.hidden = NO;
        frame.origin.y = 0.0;
        [self.view bringSubviewToFront:self.navBar];

        [UIView animateWithDuration:0.3
                         animations:^(void) {
                             self.navBar.frame = frame;
                         }
         ];
    }
    else if (show == NO && self.navBar.hidden == NO) {

        CGRect frame = self.navBar.frame;

        // Display it nicely
        frame.origin.y = -frame.size.height;
        [self.view bringSubviewToFront:self.navBar];

        [UIView animateWithDuration:0.3
                         animations:^(void) {
                             self.navBar.frame = frame;
                         }
                         completion:^(BOOL finished) {
                             self.navBar.hidden = YES;
                         }
         ];
    }
}

where

#define NAVBARHEIGHT 44

Solution 2

Before the view is shown:

[self.navigationController setToolbarHidden:YES];

When you press the button:

[self.navigationController setToolbarHidden:NO];

Solution 3

Here's some of tarmes's code ported to MonoTouch/c#.

    public static RectangleF FrameForOrientation(UIInterfaceOrientation orientation) {
        var screen = UIScreen.MainScreen;
        var fullScreenRect = screen.Bounds;      // always implicitly in Portrait orientation.
        var appFrame = screen.ApplicationFrame;

        // Find status bar height by checking which dimension of the applicationFrame is narrower than screen bounds.
        // Little bit ugly looking, but it'll still work even if they change the status bar height in future.
        var statusBarHeight = Math.Max((fullScreenRect.Width - appFrame.Width), (fullScreenRect.Height- appFrame.Height));

        // Initially assume portrait orientation.
        var width = fullScreenRect.Width;
        var height = fullScreenRect.Height;

        // Correct for orientation.
        if (IsLandscapeOrientation(orientation)) {
            width = fullScreenRect.Height;
            height = fullScreenRect.Width;
        }

        // Account for status bar, which always subtracts from the height (since it's always at the top of the screen).
        height -= statusBarHeight;

        return new RectangleF(0, statusBarHeight, width, height);
    }

    public static SizeF SizeForOrientation(UIInterfaceOrientation orientation) {
        var frame = FrameForOrientation(orientation);
        return new SizeF(frame.Width, frame.Height);
    }


    public static bool IsLandscapeOrientation(UIInterfaceOrientation orientation) {
        return 
            orientation == UIInterfaceOrientation.LandscapeLeft ||
            orientation == UIInterfaceOrientation.LandscapeRight;
    }

Comments

[Kjuly]

[self.navigationController setToolbarHidden:YES];

[Pantelis Proios]

I have put a toolbar in a view controller and not in a navigation controller. Is there a way to make thing work or shall i defenately use a navigation cotroller?