NSOutlineView with badge of unread messages like Mail.app

Question

I'm trying to create a user interface similar to the iTunes source list or the Mail.app mailbox list where a badge with a number (e.g. unread emails, new podcasts) is shown at the right hand side of an element.

Based on Apple's SourceList example, I have an NSOutlineView set up to display a couple of groups and a few items in each group.

Is there a standard UI element to represent the "badge" with a number for each entry? I could not find anything in the docs. I suspect I will have to extend NSTextFieldCell and do the drawing myself.

Are there any examples out there of how to do this?

score 4 · Accepted Answer · answered Oct 02 '10 at 14:45

4

I've used PXSourceList by @Perspx and have found it to be excellent for doing exactly what you want.

answered Oct 02 '10 at 14:45

Dave DeLong

242,470
58
448
498

score 2 · Answer 2 · answered Jun 28 '13 at 21:39

2

Apple has example code where they implement the unread badge using a rounded rect button.

See Sidebar Demo.

answered Jun 28 '13 at 21:39

Stefan

91
8

score 1 · Answer 3 · answered Dec 24 '15 at 13:21

1

Since a while there is a special inline button in the object library:

answered Dec 24 '15 at 13:21

Mike Lischke

48,925
16
119
181

NSOutlineView with badge of unread messages like Mail.app

3 Answers3