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

MAFUISearchBar *styledSearchBar = [[MAFUISearchBar alloc] initWithFrame:CGRectMake(40, 165, 250, 45)];
        [mafUIView addSubview:styledSearchBar];
        [styledSearchBar release];
		[mafUIView release];

You can style the background of the search bar to any gradient or simple color. You can also customize the font style and the search icon with the styling XML:

<Style targettype="SearchBar" key="SampleSearchBar" platform="ios">
     <BackgroundImage height="30" imagesource="imageFile1.png" width="30">
     <SearchBarIcon height="30" imagesource="imageFile2.png" width="30">
     <SearchFieldBackgroundImage height="30" imagesource="imageFile3.png" width="30">
     <Setter property="TextColor" value="#006666">
     <Setter property="FontFamily" value="Helvetica-Bold">
     <Setter property="FontSize" value="14">
     <Setter property="BarStyle" value="1">
     <Setter property="TintColor" value="#330099">
     <Setter property="Translucent" value="NO">
</Style>

To apply this style, set the style name of the MAFUISearchBar instance to “SampleSearchBar”:

[styledSearchBar setMafStyleName:@"SampleSearchBar"];

You can change these properties in the skinning XML: