{"id":4141,"date":"2010-05-07T16:40:17","date_gmt":"2010-05-07T11:10:17","guid":{"rendered":"http:\/\/mobisoftinfotech.com\/?p=4141"},"modified":"2020-04-01T18:22:44","modified_gmt":"2020-04-01T12:52:44","slug":"iphone-tabbar-uitabbarcontroller-tutorial","status":"publish","type":"post","link":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial","title":{"rendered":"iPhone TabBar: UITabBarController Tutorial"},"content":{"rendered":"<p>A Tab Bar Controller helps to organize an application along functional lines.It is used to switch between multiple pages in an application. Each tab of a tab bar controller interface is associated with a view controller.Whenever a tab is tapped by a user,the tab bar controller object selects the particular tab and displays the corresponding view associated with the tab.This blog will assist you on how to create applications using tab bar controller.<\/p>\n<p>Step 1 : Start Xcode and create a new project by selecting Window- Based Application.<\/p>\n<p>Step 2 : Open &#8220;PrjTabBarControllerAppDelegate.h&#8221; and put following code in it.<\/p>\n<pre>[objc highlight=\"7,11\"]\n#import &amp;amp;amp;amp;amp;amp;amp;lt;UIKit\/UIKit.h&amp;amp;amp;amp;amp;amp;amp;gt;\n\n@interface PrjTabBarControllerAppDelegate:NSObject\n&amp;amp;amp;amp;amp;amp;amp;lt;UIApplicationDelegate&amp;amp;amp;amp;amp;amp;amp;gt; {\n\n\t   UIWindow *window;\n\t   UITabBarController *tcTabBar;\n}\n\n@property (nonatomic, retain) IBOutlet UIWindow *window;\n@property (nonatomic, retain) IBOutlet *tcTabBar;\n@end\n[\/objc]<\/pre>\n<p>Here &#8216;&#8221;tcTabBar&#8221; is an instance variable of type UITabBarController. We have created an outlet, so that we can relate our instance &#8216;tcTabBar&#8217; with TabBarController.<\/p>\n<p>Step 3 : Open &#8220;PrjTabBarControllerAppDelegate.m&#8221; and put following code in it. In the &#8216;applicationDidFinishLaunching&#8217; method we have added the Tab Bar Controller as a sub view to the existing window. Save the project using (command + S).<\/p>\n<pre>[objc highlight=\"6,11,16\"]\n#import &amp;amp;amp;amp;amp;amp;amp;quot;PrjTabBarControllerAppDelegate.h&amp;amp;amp;amp;amp;amp;amp;quot;\n\n@implementation PrjTabBarControllerAppDelegate\n\n@synthesize window;\n@synthesize tcTabBar;\n\n- (void)applicationDidFinishLaunching:(UIApplication *)application {\n\n\t\/\/ Override point for customization after application launch\n\t[window addSubview:tcTabBar.view];\n\t[window makeKeyAndVisible];\n}\n\n- (void)dealloc {\n\t[tcTabBar release];\n \t[window release];\n  \t[super dealloc];\n}\n\n@end\n[\/objc]<\/pre>\n<p>Step 4 : Open the Interface Builder by double clicking on MainWindow.xib file. Drag &amp; Drop a Tab Bar Controller from the Library(shift + command + L.). Make sure that the Tab Bar Controller is dropped on the MainWindow.xib since it is not allowed to be placed on the View Controller.We will see a Tab Controller with two bar items created for us. Add one more tab item to it from the library.<\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-23.png\"><noscript><img decoding=\"async\" class=\"size-full wp-image-717 alignleft\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-23.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"322\" height=\"354\" srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-23.png 389w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-23-273x300.png 273w\" sizes=\"(max-width: 322px) 100vw, 322px\"><\/noscript><img decoding=\"async\" class=\"size-full wp-image-717 alignleft lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20322%20354%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"322\" height=\"354\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20322%20354%22%3E%3C%2Fsvg%3E 322w\" sizes=\"(max-width: 322px) 100vw, 322px\" data-srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-23.png 389w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-23-273x300.png 273w\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-23.png\"><\/a><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-31.png\"><noscript><img decoding=\"async\" class=\"size-full wp-image-707  aligncenter\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-31.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"303\" height=\"461\"><\/noscript><img decoding=\"async\" class=\"size-full wp-image-707  aligncenter lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20303%20461%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"303\" height=\"461\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-31.png\"><\/a><\/p>\n<p>As we can see a Tab Bar Item has &#8216;Title&#8217; &amp; &#8216;Image&#8217; associated with it. Double Click on Item 1. Open the &#8216;Attributes Inspector&#8217; (command + 1).In the &#8216;Atrributes Inspector&#8217; we can set the title &amp; image for Tab Bar Item. The image that we are adding should be present in the Project folder.To add an image to Project right click on &#8216;Resources&#8217; -&gt; Add -&gt; Existing Files and select the image.<\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-211.png\"><noscript><img decoding=\"async\" class=\"alignleft size-full wp-image-715\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-211.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"346\" height=\"375\"><\/noscript><img decoding=\"async\" class=\"alignleft size-full wp-image-715 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20346%20375%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"346\" height=\"375\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-211.png\"><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-7.png\"><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-708\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-7.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"272\" height=\"603\"><\/noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-708 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20272%20603%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"272\" height=\"603\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-7.png\"><\/a><\/p>\n<p>Step 5 : Now connect the Tab Bar Controller to PrjTabBarControllerAppDelegate. Open the &#8216;Connection Inspector&#8217; (command + 2). Connect &#8220;tcTabBar&#8221; in the File&#8217;s Owner to Tab Bar Controller.<\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-24.png\"><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-718\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-24.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"522\" height=\"348\"><\/noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-718 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20522%20348%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"522\" height=\"348\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-24.png\"><\/a><\/p>\n<p>Step 6 : Right click on &#8216;Classes&#8217; in Group &amp; Files Explorer &amp; add UIViewController subclass file. Select the option &#8216;With XIB for user interface&#8217;. The files added should be equal to number of Tab Bar items present.Here, we add three UIViewController so name them as View1ViewController, View2ViewController, View3ViewController.<\/p>\n<p>Step 7 : Open the View2ViewController.xib by double clicking on it. Set the color of the view from the &#8216;Attribute Inspector&#8217;.Save &amp; Close the .xib file. Similarly set the colours for other views.<\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-18.png\"><noscript><img decoding=\"async\" class=\"alignleft size-full wp-image-713\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-18.png\" alt=\"pen the View2ViewController.xib\" width=\"291\" height=\"321\" srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-18.png 349w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-18-271x300.png 271w\" sizes=\"(max-width: 291px) 100vw, 291px\"><\/noscript><img decoding=\"async\" class=\"alignleft size-full wp-image-713 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20291%20321%22%3E%3C%2Fsvg%3E\" alt=\"pen the View2ViewController.xib\" width=\"291\" height=\"321\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20291%20321%22%3E%3C%2Fsvg%3E 291w\" sizes=\"(max-width: 291px) 100vw, 291px\" data-srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-18.png 349w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-18-271x300.png 271w\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-18.png\"><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-15.png\"><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-711\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-15.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"312\" height=\"452\"><\/noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-711 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20312%20452%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"312\" height=\"452\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-15.png\"><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-14.png\"><noscript><img decoding=\"async\" class=\"alignleft size-full wp-image-710\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-14.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"185\" height=\"306\"><\/noscript><img decoding=\"async\" class=\"alignleft size-full wp-image-710 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20185%20306%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"185\" height=\"306\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-14.png\"><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-16.png\"><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-712\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-16.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"263\" height=\"583\"><\/noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-712 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20263%20583%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"263\" height=\"583\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-16.png\"><\/a><\/p>\n<p>Step 8 : Now we need to specify which views should be there in each tab of TabBarController. For this open &#8216;Interface Builder&#8217;. Open &#8216;Identity Inspector&#8217; (command + 4). Set the class of each Tab Bar Item to its respective view.<\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-211.png\"><noscript><img decoding=\"async\" class=\"alignleft size-full wp-image-715\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-211.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"315\" height=\"344\"><\/noscript><img decoding=\"async\" class=\"alignleft size-full wp-image-715 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20315%20344%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"315\" height=\"344\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-211.png\"><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-22.png\"><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-716\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-22.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"258\" height=\"572\"><\/noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-716 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20258%20572%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"258\" height=\"572\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Picture-22.png\"><\/a><\/p>\n<p>Step 9 : Save,Build &amp; Run the project.When we switch the tabs you will observe the views .<\/p>\n<div>You can download the source code <a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/PrjTabBarController.zip\">here.<\/a><\/div>\n<p>Output:<\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Output-1.png\"><noscript><img decoding=\"async\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Output-1.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"414px\" height=\"770px\"><\/noscript><img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20414px%20770px%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"414px\" height=\"770px\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Output-1.png\" class=\" lazyload\"><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Output-2.png\"><noscript><img decoding=\"async\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Output-2.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"414px\" height=\"770px\"><\/noscript><img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20414px%20770px%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"414px\" height=\"770px\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Output-2.png\" class=\" lazyload\"><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Output-3.png\"><noscript><img decoding=\"async\" src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Output-3.png\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"414px\" height=\"770px\"><\/noscript><img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20414px%20770px%22%3E%3C%2Fsvg%3E\" alt=\"iPhone TabBar: UITabBarController Tutorial\" width=\"414px\" height=\"770px\" data-src=\"\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/05\/Output-3.png\" class=\" lazyload\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A Tab Bar Controller helps to organize an application along functional lines.It is used to switch between multiple pages in an application. Each tab of a tab bar controller interface is associated with a view controller.Whenever a tab is tapped by a user,the tab bar controller object selects the particular tab and displays the corresponding [&hellip;]<\/p>\n","protected":false},"author":19,"featured_media":7440,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","footnotes":""},"categories":[3],"tags":[328,76],"class_list":["post-4141","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-iphone","tag-iphone-ipad","tag-uitabbarcontroller"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>iPhone TabBar: UITabBarController Tutorial - Mobisoft Infotech<\/title>\n<meta name=\"description\" content=\"A Tab Bar Controller helps to organize an application along functional lines.Learn more on how to create apps using tab bar controller.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"iPhone TabBar: UITabBarController Tutorial - Mobisoft Infotech\" \/>\n<meta property=\"og:description\" content=\"A Tab Bar Controller helps to organize an application along functional lines.Learn more on how to create apps using tab bar controller.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial\" \/>\n<meta property=\"og:site_name\" content=\"Mobisoft Infotech\" \/>\n<meta property=\"article:published_time\" content=\"2010-05-07T11:10:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-01T12:52:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-TabBar-UITabBarController-Tutorial_l-min.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"550\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Shilpa Kolte\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shilpa Kolte\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#article\",\"isPartOf\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial\"},\"author\":{\"name\":\"Shilpa Kolte\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/356e8840432af3f50ca140829c9d8d47\"},\"headline\":\"iPhone TabBar: UITabBarController Tutorial\",\"datePublished\":\"2010-05-07T11:10:17+00:00\",\"dateModified\":\"2020-04-01T12:52:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial\"},\"wordCount\":482,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-TabBar-UITabBarController-Tutorial_l-min.jpg\",\"keywords\":[\"iPhone \u2013 iPad\",\"UITabBarController\"],\"articleSection\":[\"iPhone - iPad\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial\",\"url\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial\",\"name\":\"iPhone TabBar: UITabBarController Tutorial - Mobisoft Infotech\",\"isPartOf\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-TabBar-UITabBarController-Tutorial_l-min.jpg\",\"datePublished\":\"2010-05-07T11:10:17+00:00\",\"dateModified\":\"2020-04-01T12:52:44+00:00\",\"author\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/356e8840432af3f50ca140829c9d8d47\"},\"description\":\"A Tab Bar Controller helps to organize an application along functional lines.Learn more on how to create apps using tab bar controller.\",\"breadcrumb\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#primaryimage\",\"url\":\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-TabBar-UITabBarController-Tutorial_l-min.jpg\",\"contentUrl\":\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-TabBar-UITabBarController-Tutorial_l-min.jpg\",\"width\":1920,\"height\":550,\"caption\":\"iPhone TabBar- UITabBarController Tutorial_l-min\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mobisoftinfotech.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"iPhone TabBar: UITabBarController Tutorial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#website\",\"url\":\"https:\/\/mobisoftinfotech.com\/resources\/\",\"name\":\"Mobisoft Infotech\",\"description\":\"Discover Mobility\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mobisoftinfotech.com\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/356e8840432af3f50ca140829c9d8d47\",\"name\":\"Shilpa Kolte\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/34d8d87e2f6172813392c692226de9632a466f6c02c4a73a779000a161c86de8?s=96&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/34d8d87e2f6172813392c692226de9632a466f6c02c4a73a779000a161c86de8?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/34d8d87e2f6172813392c692226de9632a466f6c02c4a73a779000a161c86de8?s=96&r=g\",\"caption\":\"Shilpa Kolte\"},\"sameAs\":[\"http:\/\/www.mobisoftinfotech.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"iPhone TabBar: UITabBarController Tutorial - Mobisoft Infotech","description":"A Tab Bar Controller helps to organize an application along functional lines.Learn more on how to create apps using tab bar controller.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial","og_locale":"en_US","og_type":"article","og_title":"iPhone TabBar: UITabBarController Tutorial - Mobisoft Infotech","og_description":"A Tab Bar Controller helps to organize an application along functional lines.Learn more on how to create apps using tab bar controller.","og_url":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial","og_site_name":"Mobisoft Infotech","article_published_time":"2010-05-07T11:10:17+00:00","article_modified_time":"2020-04-01T12:52:44+00:00","og_image":[{"width":1920,"height":550,"url":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-TabBar-UITabBarController-Tutorial_l-min.jpg","type":"image\/jpeg"}],"author":"Shilpa Kolte","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shilpa Kolte","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#article","isPartOf":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial"},"author":{"name":"Shilpa Kolte","@id":"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/356e8840432af3f50ca140829c9d8d47"},"headline":"iPhone TabBar: UITabBarController Tutorial","datePublished":"2010-05-07T11:10:17+00:00","dateModified":"2020-04-01T12:52:44+00:00","mainEntityOfPage":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial"},"wordCount":482,"commentCount":0,"image":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#primaryimage"},"thumbnailUrl":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-TabBar-UITabBarController-Tutorial_l-min.jpg","keywords":["iPhone \u2013 iPad","UITabBarController"],"articleSection":["iPhone - iPad"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial","url":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial","name":"iPhone TabBar: UITabBarController Tutorial - Mobisoft Infotech","isPartOf":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#primaryimage"},"image":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#primaryimage"},"thumbnailUrl":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-TabBar-UITabBarController-Tutorial_l-min.jpg","datePublished":"2010-05-07T11:10:17+00:00","dateModified":"2020-04-01T12:52:44+00:00","author":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/356e8840432af3f50ca140829c9d8d47"},"description":"A Tab Bar Controller helps to organize an application along functional lines.Learn more on how to create apps using tab bar controller.","breadcrumb":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#primaryimage","url":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-TabBar-UITabBarController-Tutorial_l-min.jpg","contentUrl":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-TabBar-UITabBarController-Tutorial_l-min.jpg","width":1920,"height":550,"caption":"iPhone TabBar- UITabBarController Tutorial_l-min"},{"@type":"BreadcrumbList","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-tabbar-uitabbarcontroller-tutorial#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mobisoftinfotech.com\/resources\/"},{"@type":"ListItem","position":2,"name":"iPhone TabBar: UITabBarController Tutorial"}]},{"@type":"WebSite","@id":"https:\/\/mobisoftinfotech.com\/resources\/#website","url":"https:\/\/mobisoftinfotech.com\/resources\/","name":"Mobisoft Infotech","description":"Discover Mobility","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mobisoftinfotech.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/356e8840432af3f50ca140829c9d8d47","name":"Shilpa Kolte","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/34d8d87e2f6172813392c692226de9632a466f6c02c4a73a779000a161c86de8?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/34d8d87e2f6172813392c692226de9632a466f6c02c4a73a779000a161c86de8?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/34d8d87e2f6172813392c692226de9632a466f6c02c4a73a779000a161c86de8?s=96&r=g","caption":"Shilpa Kolte"},"sameAs":["http:\/\/www.mobisoftinfotech.com"]}]}},"_links":{"self":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts\/4141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/comments?post=4141"}],"version-history":[{"count":18,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts\/4141\/revisions"}],"predecessor-version":[{"id":18910,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts\/4141\/revisions\/18910"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/media\/7440"}],"wp:attachment":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/media?parent=4141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/categories?post=4141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/tags?post=4141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}