Tab Bar verticale: AITabBarController

      Nessun commento su Tab Bar verticale: AITabBarController

Ciao a tutti, in questo articolo voglio presentarvi una semplice libreria che uso ogni tanto nei miei progetti. Praticamente è un container controller, come UITabBarController, UINavigationController ma che ha la barra del menu a sinistra e che si può nascondere. Le tab invece sono 3 tipi: quello che rimane statico in alto, i tab che iniziano da sopra e i tab che iniziano da sotto. Per scaricare questa libreria andate su https://github.com/AldoOS/AITabBarController.

AITabBarController

L’implementazione e semplice, dopo aver creato tutte le viewcontroller che volete andate su app delegate e create un instanza di Storyboard:

UIStoryboard *mainStoryboard = UIStoryboard storyboardWithName:@"Main" bundle:[NSBundle mainBundle]]; 

Poi iniziate un viewcontroller:

 

 
SecondViewController  *second = [mainStoryboard instantiateViewControllerWithIdentifier:@"second"];


Create un variabile d’stanza di AITabBarController che può essere di due tipi: statico e che si nasconde.

AITabBarController *tbViewc;
if (DEVICE_INTERFACE_iPAD) {
 tbViewc = [[ AITabBarController <span class="s4">alloc ] initWithTabBarStyle: AITabBarStyleFixed];
 tbViewc.tabBarWidth = <span class="s5">44 ;
}
if ( DEVICE_INTERFACE_iPHONE) {
 tbViewc = [[AITabBarController alloc] initWithTabBarStyle: AITabBarStyleSlidingLeft];
 tbViewc.tabBarWidth = 44 ;
}

Poi inserite i viewcontroller che avete creato nel AITabBarController:

tbViewc.primaryControllers = @[navFirst, second] ;
tbViewc.secondaryControllers = @[bottom1] ;
tbViewc.selectedViewController = navFirst;
self.window.rootViewController = tbViewc;
self.window.backgroundColor = [UIColor whiteColor];
[self.window makeKeyAndVisible];

Poi andate nel viewcontroller che avete creato e per modificare il tab aggiungendo imagine e titolo chiamate questo metodo:

-(AITab  *)tab{
    AITab  *tb = [[AITab  alloc] init];
    tb.titleTab  = @"TAB Nav" ;
    tb.tabIcon  = [UIImage  imageNamed:@"man"];
    return  tb;
}

Per far apparire il TabBar chiamate questo metodo:

[self.aiTabBarController showAfter:0.0 andHide: YES after: 2 ];

Per nasconderlo chiamate questo metodo:

[self.aiTabBarControllerhideAfter: 0.0];