I'd like to re-create something similar to Instagram's tab bar for iPhone, which has a "custom", bigger tabbar item in the middle of the tabbar (see http://cdn.venturebeat.com/wp-content/uploads/2010/10/instagram-screenshot.jpg)
I can think of several approaches, but was wondering if anybody has suggestions on an easy way to accomplish this.
check out this post. It explains how its done.
http://idevrecipes.com/2010/12/16/raised-center-tab-bar-button/
Related
I am trying to create a custom UITabBar. I have the regular UITabBarController working fine, but optimally, I wish to get it looking like this:
What is the best way to approach this? I can't seem to find any useful examples in Monotouch.
Thanks
The way I figured to make a tab bar like that, is just a bunch of custom buttons that are arranged and programmed to look like a tab bar, but really they are just buttons. I was able to recreate the instagram tab bar in one of my apps and it looks fairly similar. That's the only way I could figure how to do this type of tab bar when I was teaching myself.
Hope that helps.
There are some really good explanations around for how to do custom tab bars - especially on http://idevrecipes.com/2010/12/16/raised-center-tab-bar-button/ - source on https://github.com/boctor/idev-recipes/tree/master/RaisedCenterTabBar
I believe I have seen a github monotouch sample of this same code but I can't find it right now!
Im developing a tabbar application.
There are almost 7 tabs in this app.
Usuall when we add more than 5 tabs a "more button"will come and rest of options will come under that "More option".
But i found a very interesting app in app store and they are moving the tabbar to left and right(just like we do in scroll view) like in the image below.
How can i implement this.
Can anyone help me with this please.
Thanks in advance.
As far as I can see, it's 2 custom UIButtons placed over the tabBar that may programmatically rearrange the tab options on their IBActions. What makes me say that is that the highlighted area of the last tab is just normal, and the arrows does not seem as well placed as what Apple could have done by standard.
You can use custom tabBar, like InfiniTabBar, nice and functional.
Project on GitHub:
https://github.com/iosdeveloper/InfiniTabBar
I have a UITabBarController as my rootController with 8 UITabBarItems. and I want to show just 4 UITabBarItems in my screen. By default all my other tab bar items appear in a small tabBarItem called "More" and you can select the other 4. But I have seen some apps that implement a sliding UITabBarItems with a slide icon instead of a "More" icon.
How can I show just 4 at a moment, and I slide the TabBarItems, and so that I can select the other tab bar items ?
~ Something like this ~
And then I can slide to the next 4 sets by dragging
It would be helpful if someone could point me in the right direction.
There is a nifty little github project that could help you... check it out: https://github.com/iosdeveloper/InfiniTabBar
This is not currently a built-in option for UITabBarContoller.
One way to approach the problem is to add a UIGestureRecognizer to the tabBar.view, and programmatically adjust which 4 options are available on the screen. You can add an animation to make it smooth or have a little bounce as it slides.
iPhone users are usually very picky and attached to Apple's UI Guidelines. Although you can pass the Apple verification, you probably wont be able to pass users' (meaning bad reviews and ratings). So I recommend you to re-consider your tabbar structure and use "..." More instead of sliding it... You can always override stuff in code, but then they wont work smooth with InterfaceBuilder and in the end you will have more trouble than you'd expect.
If you have similar tab items merge them and use maybe a segmented control or something to visually distinguish them. Or use a central navigation screen in which you can put 9 maybe more icons in a grid...
The first solution to your problem may not always be the best way. Well, it is very rare actually...
You have to write a custom control for this.
I wrote one for showing a horizontal menu. You can probably modify that to fit your needs.
http://blog.mugunthkumar.com/coding/ios-control-mkhorizmenu/
Can anybody please tell me how they have implemented the below thing whick looks to me like a TabBar but has something different from a simple tabbar.
The thing having "Offer" and "Wall", when each one is clicked, presents a different view.
Any sample code will be appreciated
Its a custom UIButton.
EDIT: What UI element might this be? (Custom tab-bar?). I had asked the same question a few weeks ago. There are two good answers there.
And google up for custom UIButton. You can find a few samples on your search
Its a custom view. You can always implement this kind of thing by using images. Say you have 2 different images. In one image offer is selected, and in another wall is selected. And you are using an image view to show them. An invisible button is placed in proper place. After tapping the button you can set the right image. And also if the images are not overlapping then you can use custom button.
I have seen a lot of iphone apps which provide an easy to use navigation controll for text fields, which contains next previous and done.
What is the technique for this? any
sample code?
they also scroll the screen until
the selected textField is placed on
top of the keyboard, how do they do
that?
Sorry I don't have direct answers, these are the best I could find off the top of my head:
For 1, take a look at first responders, it seems to be what you're looking for.
For 2, you will have to make it manually. See this article.