TAB BAR CONTROLLER WITH DAPP VIDEO TUTORIAL

Just a quick Tab Bar Controller tutorial. 😀
I’ll put up the Dapp generated source code tomorrow. But yeah, this video shows a quick rundown of building a Design (Project) with 3 Pages (View Controllers) that are linked together with Actions.
From there, I set up the Tab Bar Controller and Tab Bar Items.
Tab Bar Controllers support custom images, titles and all of the system Tab Bar Item choices.
Just a BIG bit of information in regard of Tab Bar Item images is to make sure you read the Apple Custom Icon and Custom Image Creation Guidelines. Basically, Tab Bar Item Images must follow a strict format guidelines for them to display correctly. I’ll try to get a more condensed version of those guidelines on the website tomorrow.
Without further ado, here is the Tab Bar Controller with Dapp Video Tutorial.

12 thoughts on “TAB BAR CONTROLLER WITH DAPP VIDEO TUTORIAL”

  • Hey there, I’ve been using Dapp and it’s great!

    I was just wondering, is there a way to selectively hide the tabbar on certain pages? For example, i have a page with a tableview and the tabbar. i want to hide the tabbar on the next page after the user taps into the item listed in the tableview, then have it show up again when the user returns via the navigation controller. Is that possible right now?

    • The way to do this is from within the code. The general format is:

      self.hidesBottomBarWhenPushed = YES;

      Please note that this will need to be done prior to the view loading, generally in a viewWillAppear delegate method. After which, you can make it show up again by setting it to NO in the viewWillDissapear method.

      I’ll make a note to do a video tutorial on this ;). In the meantime, doing an online search for ‘iphone sdk hide tabbar’ will give you some good walkthroughs.

  • Ah got it. basically i just had to add a Boolean for HidesBottomBarWhenPushed and set it to return TRUE to every ViewController.m underneath ever ViewDidUnload void. Works perfectly. Thanks!

  • This is a great app and it looks like it’s going to save me loads of time. Well worth the $10 USD already.

    I’m trying to create an app where the top page, kind of like a home page in G+, uses a Navigation Controller. Then, some of the pages below that will use a Tab Bar Controller to navigate between pages of the section. But it looks like the Tab Bar Controller feature in Dapp automatically assigns the Tab Bar controlled pages as the top level.

    I’m sure I can rewire it in Xcode, but I was just curious if I’m missing something to make this work in Dapp. It would be great to demo the mockup for a client, and export the code.

    Thanks again for the great tool!

  • I can get the bar to disappear using self.hidesBottomBarWhenPushed = YES; but when navigating back to the pages with a Tab bar the tab bar doesn’t work any advice on that would be appreciated.
    cheers

  • This is happening because the same tab bar is being used on each page, hiding it in one page will hide it in all. When going back to the page with a tab bar, use self.hidesBottomBarWhenPushed = NO; to get it to appear again ;).

    Best place to use this might be the viewWillAppear:animated method.

  • I’m trying to add images to the tab bar. I don’t see a way to add images to the tab bar object (on the page). I do see a way to add them to the tab bar controller, however my images seem to be the wrong size? Apple specs are 60×60 for retina, and 30×30 for others.

    • My bad. Like you mentioned, for some reason I figured that there wasn’t much point putting it in TabBar objects as the UITabBarController would over-ride tab bars anyways. Although, this hurts those who are also using Dapp for designing wireframes and mockups.

      I’ve added this to my todos for the next release. Until then, a possible solution is to add these images to a UITabBarController and then use that generated code as a template/sample for you to add them to your UITabBar… although of course this does not help when you just want to design mockups/wireframes :S.

  • When I add images to the tab bar, all i see is a square…

    Please help me fix this, i am trying to make an app for my website.

    I downloaded the icons with ‘glyphish.com’ and imported it to the dapp itunes folder.

Leave a Reply

Your email address will not be published. Required fields are marked *

Enter Captcha * Time limit exceeded. Please complete the captcha once again.