Custom tabbar
 

Hallo,

Ik heb deze week de nieuwe nu.nl app geïnstalleerd en vind die nieuwe tabbar zo mooi gemaakt, ik wilde weten of hier een soort van tutorial van bestaat hoe je een tabbar maakt zoals in die app.

Groet

Met deze tutorial van Peter Boctor kan je een flink eind komen: How does the Twitter iPhone App implement a custom tab bar? « iDev Recipes. Hij simuleert hier de tabbar in de Twitter for iPhone applicatie, die onder andere een bewegend pijltje heeft dat boven de current selected tab zichtbaar is (beweegt/animeert ook mooi mee als je een nieuwe tab selecteert). Ditzelfde principe gebruikt de NU app: gebruik in plaats van het pijltje een piepkleine view met border en lage alpha (of een .PNG image met lage alpha) die over de tabs heen beweegt.

Hey,

Thanks dit is wat ik zocht!
Hopelijk hebben andere hier ook nog wat aan, zelf vind ik dat dit best standaard mag worden de tabbar van nu, hij is niet anders de de standaard alleen beweegt het vakje mooi over de tabbar ik vind het erg nice! :)

Da's mooi. Let wel dat deze custom tabbar niet werkt zoals de normale UITabBarController. Er wordt gebruik gemaakt van één hoofd-viewcontroller, met de tabbar als subview erin. Vervolgens worden de viewcontrollers van de verschillende tabjes als subview toegevoegd aan die hoofd-viewcontroller. Hierdoor werkt de gewone viewDidAppear method van de viewcontrollers achter de tabjes niet meer als je een nieuw tabje selecteert; in plaats daarvan moet je de functie touchDownAtItemAtIndex in de viewcontroller van de custom tabbar gebruiken (de index geeft aan welke tab geselecteerd is).

Wat een ongelooflijk geniale site trouwens!! Meteen even een bookmark van gemaakt!