NSOutlineView with an unread message icon such as Mail.app

Question

I'm trying to create a user interface that looks like a list of iTunes sources or a list of Mail.app mailboxes, which displays a number icon to the right of the item (for example, unread emails, new podcasts).

Based on the Apple SourceList example, I have NSOutlineViewto display multiple groups and multiple items in each group.

Is there a standard user interface element for representing an “icon” with a number for each entry? I could not find anything in the documents. I suspect that I will have to stretch NSTextFieldCelland make the drawing itself.

Are there any examples of how to do this?

Answer 1

I used PXSourceListfrom @Perspx and found that it is great for doing exactly what you want.

Answer 2

Apple has an example code in which they implement an unread icon using a rounded rectangular button.

See Sidebar Demo .

Answer 3

Since the object library has a special built-in button: