three20uinavigationbarttnavigator

how to change TTNavigator (for a web url) bottom bar color?


Here is a code i made to open a website via TTNavigator-

- (IBAction)btnTemp_Click{

    TTNavigator* navigator = [TTNavigator navigator];
    navigator.supportsShakeToReload = YES;
    navigator.persistenceMode = TTNavigatorPersistenceModeAll;

    [navigator openURLAction:[[TTURLAction actionWithURLPath:@"http://www.google.com"] applyAnimated:YES]];
}

and here i was able to manage its navigation bar items, color etc-

- (void)addSubcontroller:(UIViewController *)controller animated:(BOOL)animated transition:(UIViewAnimationTransition)transition 
{
    [self.navigationController addSubcontroller:controller animated:animated transition:transition];

    UIButton *btnBack =  [UIButton buttonWithType:UIButtonTypeCustom];
    [btnBack setImage:[UIImage imageNamed:@"navback.png"] forState:UIControlStateNormal];
    [btnBack addTarget:self action:@selector(popThisView) forControlEvents:UIControlEventTouchUpInside];
    [btnBack setFrame:CGRectMake(0, 0, 32, 32)];
    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:btnBack];

    UIBarButtonItem *backBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:btnBack];
    [controller.navigationItem setLeftBarButtonItem:backBarButtonItem animated:YES];

    [btnBack release];
    TT_RELEASE_SAFELY(backBarButtonItem);
}

but i am not able to change color of bottom bar that has back, fwd, stop and refresh bottons.

Anybody please help. It must be done because i saw this in different colors on many applications.


Solution

  • changing the colors and style of the toolbars should be done using a TTStyleSheet class.

    First, you should extend the TTDefaultStyleSheet to your own class and include these functions to change the colors for both the UINavigationBar and the lower UIToolbar:

    ///////////////////////////////////////////////////////////////////////////////////////////////////
    ///////////////////////////////////////////////////////////////////////////////////////////////////
    #pragma mark -
    #pragma mark TTDefaultStyleSheet
    
    
    ///////////////////////////////////////////////////////////////////////////////////////////////////
    - (UIColor*)navigationBarTintColor {
      return RGBCOLOR(0, 60, 30);
    }
    
    
    ///////////////////////////////////////////////////////////////////////////////////////////////////
    - (UIColor*)toolbarTintColor {
      return RGBCOLOR(0, 60, 30);
    }
    

    Then you should load your style sheet class into your app delegate:

    [[[TTStyleSheet setGlobalStyleSheet:[[[StyleSheet alloc] init] autorelease]];