iOS 7 Clear Navigation Bar

Question

I am working on an App and would like to make the Navigation Bar Transparent. Is this possible or will the Navigation Bar either be visible or completely hidden? On the image below what I would like is for the NavBar to be clear but the Back Arrow to still be visible. Along the same lines, how would I change the text for the Back Button.

Thanks!

enter image description here

see SO answer http://stackoverflow.com/questions/19029833/ios-7-navigation-bar-text-and-arrow-color — Deepesh, Dec 23 '13 at 06:52

Divya Bhaloidiya · Answer 1 · 2013-12-20T13:30:48.473

Following is way to set visible navigation for your app . here is complete guide : http://www.appcoda.com/customize-navigation-status-bar-ios-7/

Add below code in your -(BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions method

#define UIColorFromRGB(rgbValue) [UIColor colorWithRed:((float)((rgbValue & 0xFF0000) >> 16))/255.0 green:((float)((rgbValue & 0xFF00) >> 8))/255.0 blue:((float)(rgbValue & 0xFF))/255.0 alpha:1.0]

// iOS 7 Changes - Set the Font,Font Size and Navigation bar Background 
    [[UINavigationBar appearance] setBarTintColor:UIColorFromRGB(0x0219FF)]; //324F85  color you want to set
    NSShadow *shadow = [[NSShadow alloc] init];
    shadow.shadowColor = [UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.8];
    shadow.shadowOffset = CGSizeMake(0, 1);
    [[UINavigationBar appearance] setTitleTextAttributes: [NSDictionary dictionaryWithObjectsAndKeys:
                                                           [UIColor colorWithRed:245.0/255.0 green:245.0/255.0 blue:245.0/255.0 alpha:1.0], NSForegroundColorAttributeName,
                                                           shadow, NSShadowAttributeName,
                                                           [UIFont fontWithName:@"Helvetica Neue" size:21.0], NSFontAttributeName, nil]];
    [[UINavigationBar appearance] setTintColor:[UIColor whiteColor]];

Thanks for the help, but when I make the changes above I still get the same as above. Here is my original code. `[UINavigationBar appearance] setTintColor:[UIColor whiteColor]]; [[UINavigationBar appearance] setBarTintColor:[UIColor colorWithRed:0.0/255.0 green:0.0/255.0 blue:0.0/255.0 alpha:0.0]];` — James, Dec 20 '13 at 16:47

score 0 · Answer 2 · answered Dec 23 '13 at 06:49

Add following code in your view controller to change text color of the back button.

[navController.navigationBar setTintColor:[UIColor colorWithRed:68.0/255.0 green:91.0/255.0 blue:120.0/255.0 alpha:1.0]];

or add following code in your app delegate

[[UINavigationBar appearance] setTintColor:[UIColor yellowColor]];

score -1 · Answer 3 · answered Dec 20 '13 at 13:32

About your second answer, It's a bit weird, but the back button actually belongs to the view controller that it backs too. so in that view controller, you should put

self.navigationItem.backBarButtonItem = [[[UIBarButtonItem alloc] initWithTitle:@"Back" style:UIBarButtonItemStylePlain target:nil action:nil];

change to the title of your'e choice

iOS 7 Clear Navigation Bar

3 Answers3