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.

alt text

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

score 11 · Accepted Answer · edited Oct 25 '16 at 05:34

11

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.

edited Oct 25 '16 at 05:34

bunnyhero

757
2
10
23

answered Nov 02 '10 at 12:01

Dan Ray

21,623
6
63
87

I've created a UISegmentedControl subclass that uses this library and makes badging even easier - see my answer below. – Dave T Sep 07 '12 at 03:37
cannot do with native?!~ – Pavel Zagorskyy Dec 13 '18 at 12:23

score 7 · Answer 2 · answered May 22 '12 at 06:43

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 .

score 0 · Answer 3 · answered Nov 02 '10 at 11:54

0

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.

answered Nov 02 '10 at 11:54

Thomas Clayson

29,657
26
147
224

Yeah i too think this is possible using custom image only. Thanks for reply – Tariq Nov 02 '10 at 12:04

UISegmentedControl with badge number

3 Answers3

Linked