How can I make scrollable tabbar ...?

Question

I am working on an application that needs many TabBar elements (6 or 7). I don’t think that users like to click the “Advanced” button on TabBars, so I’m wondering how to make my own TabBar, which slide from left to right, so that you can easily access all the buttons on the tab without clicking “More."

Thanks!

Answer 1

I agree with another answer that this is a bad idea in terms of design.

However, the technical answer is that you can simply insert the UITabBar into the UIScrollView . If you set the tab strip width and scroll view of contentSize appropriately, the tab bar will scroll. You probably want to turn off the bounce and scroll indicators.

I have not tried it using UITarBarController .

Answer 2

Opinions on whether this is a good idea or not aside

A simple carousel should be pretty easy to implement from scratch using a UIScrollView with UIButton subzones. which will provide you with all the scroll mechanics

As an example.

• A UISCrollView that spans the width of the device.
• N buttons on the scroll content bar
• Limit the scroller to horizontal scrolling.
• Providing selected and unselected images for buttons
• Create a glue code to select one button at a time (e.g. radio buttons)

But I agree with other posters that this is a bad UI idea. To do this, think UIToolbar.

Answer 3

Besides the considerations regarding UX and UI recommendations, you can implement such a thing using the tab bar from scratch. You can even find a tutorial here for iOS5.

Actually, the implementation of the tab bar and the controller of the tab bar is not a difficult task, since it may seem at first glance, but given the efforts you can also ask what value this type of design adds to your application and to the user experience.

In any case, if you decide to go this way (scrollable tab bar), I would suggest that the user cannot be mistaken, considering it a standard tab bar.

Answer 4

This is against every design guide ever written for iOS.

(I know that in terms of gifts for iOS there is a scrollable tab bar, but it never hides items from the user.)

Answer 5

HOW to do it was accepted

MOBILE DESIGNED STRUCTURES are not discarded by the concrete - it is about what is suitable for your application. It used to be that web pages scrolled vertically and third-party scrolling was frowned.

But the tablet was a game changer - EXPECT people make their way to the sides.

Commentary on one case where viewing tab scrolling is actually very appropriate.

(a) Look at xFeed in the App Store. It has over 10 topics, such as News Sports ..., easily scrolls to a topic and clicks on you in the RSS feeds under it. It is really convenient for the user, and, in my opinion, suitable. An alternative is to go back and forth between some menu and the target view - this may be the second option, but from a quick review of the review is good.

(b) USA Today is another example - even on its main website,> arrows to scroll between topics, or you can click on the tabs at the top. Admittedly, the tabs themselves don't scroll, but you get this idea. The entire site and mobile experience for USA Today is highly optimized around marking the sides between chapters.

(c) Presentations and content sites have also become part of the scrolling.

(d) FINALLY on the point of view of human happiness! People WANT TO SAY AND PLAY with their mobile things. Do not just click! Therefore, the mobile phone is very satisfied. One more thing to pierce and slide :)

Answer 6

Here is a project link with a custom tab bar:

github - scrollable tab bar from BananaDev

It is free and provides many customization options that allow you to completely change management.