UISegmentedControl with badge number

Question

Just like the tabbar, I want to show badge on UISegmentedControl. As I cant see any predefined methods for UISegmentedControl just like available for UITabBar.

I thought about adding the badge as an image just on top of it, but maybe there is some better way.

Answer 1

Here is a little third party library I've used to draw badges on various things. It's pretty nice. For example, changing the color of the badge to match my design was trivial.

Once you bring this class into your project and include it into your view controller, you go:

CustomBadge *customBadge1 = [CustomBadge customBadgeWithString:@"Badge 1"];

...and then add customBadge1 as a subview of whatever thing you're badging.

Answer 2

I had this problem today, so I've put together a UISegmentedControl subclass which allows you to easily set badge numbers on each of the segments.

Using it's as easy as:

[segmentedControl setBadgeNumber:1 forSegmentAtIndex:0];

Screenshot, documentation and source code are at https://github.com/dave-thompson/MESegmentedControl .

Answer 3

There is no badge property or method - unlike the tab bar. If you want to do this you will just have to put a custom image over it. You could subclass the segmented control and create a function that does this for you.