MAFUITabBar

The differences between the native and the SAP-style-based controls are shown here: To create MAFUIProgressView with the default SAP style and add it to the view of your ViewController, use:

MAFUITabBar* tabBar = [[MAFUITabBar alloc] initWithFrame:CGRectMake(40, 190, 250, 50)];
[tabBar setMafStyleName:@"UITabBar"];

This code creates and styles an empty tab bar.

To fill the tabs with content, create UITabBarItems:

NSMutableArray *listOfTabBarItems = [[NSMutableArray alloc] init];

UITabBarItem* item = [[UITabBarItem alloc] 
				initWithTabBarSystemItem:UITabBarSystemItemTopRated tag:100];

[listOfTabBarItems addObject:item];
[item release];
item = [[UITabBarItem alloc] initWithTitle:@"Tab B" 
		image:[UIImage imageNamed:@"employee_grey_24.png"]  tag:1];
[listOfTabBarItems addObject:item];
[item release];
item = [[UITabBarItem alloc] initWithTitle:@"Tab C" image:nil  tag:2];
[listOfTabBarItems addObject:item];
[item release];
    
[tabBar setItems:listOfTabBarItems];
[listOfTabBarItems release];

MAF does not provide a wrapper class for UITabBarItems. To define a custom style for MAFUITabBar, use code similar to this:

<Style BasedOn="TabBar" Key="MyTabBarStyle" platform="ios">
        <Setter Property="Background" Value="#339955"/>
        <BackgroundImage Height="40"        ImageSource="tabBarBackgroundImage.png" Width="40"/>
        <IndicatorImage Height="40"        ImageSource="tab_select_indicator.png" Width="40"/>
        <ShadowImage Height="40"        ImageSource="tabBarUpperShadowImage.png" Width="40"/> 
        <Setter Property="selectedImageTintColor" Value="#FF0000"/>
    </Style>

To apply your custom style on MAFUITabBar, set the mafStyleName property to the key value for your custom style:

tabBar.mafStyleName = @”MyTabBarStyle”;

You can change these properties in the skinning XML: