Tabs in iWork-style Inspector panel

StackOverflow https://stackoverflow.com/questions/8774322

  •  14-04-2021
  •  | 
  •  

Question

how does one get the look of the tab buttons as they appear in iWork '09 Inspector NSPanel?

Closest I could get is NSSegmentedControl with "Small Square" style. Unfortunately, at least under Snow Leopard that results in grayed selection instead of blue selection.

Any ideas what Apple did to get the bluish aqua-style selection in various iWork '09 Inspector NSPanels?

Was it helpful?

Solution

The top icon bar is a Radio Group, which is actually a NSMatrix filled with NSButtonCells. You can check this using the application UIElementInspector.app, which is a sample code provided with XCode.

The selected cell displays its alternate image, other cells display their image.

OTHER TIPS

The iWork inspector tab buttons use images for their appearance. You can see the images if you Show Package Contents on one of the app packages and have a look in the Resources folder.

To replicate this you could use an NSSegmentedControl with a custom NSSegmentedCell subclass that draws the images.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top