October 23rd, 2007

Better visuals for the JRibbon component, part II

In the first part, i showed a few screenshots of the new look of the JRibbon component under Substance look-and-feel. Continuing the series, today i’m going to show an additional new feature that allows creating less intrusive UIs with the JRibbon.

Substance already has a client property that you can install on a specific component or globally on the UIManager. When the USE_THEMED_DEFAULT_ICONS property is set to Boolean.TRUE, the button icons of buttons in default state (not rolled over, not selected, not pressed) are colorized with the colors of the current theme. This works especially well under low-contrast skins such as Raven Graphite or Autumn, and now it is also supported on the JRibbon button components.

Here is a screenshot of the JRibbon component under the Raven Graphite skin when the USE_THEMED_DEFAULT_ICONS client property is not specified. As you can see, the icons are fully colored, which results in a slightly intrusive UI:

Here is the same UI when this property is set:

And here is the same UI when the mouse is hovering over the “Paste” button:

Here is the original full-color UI under the Autumn skin:

And the same UI with the property set:

And the same UI with the mouse hovering over the “Computer” icon:

Here is the original full-color UI under the Creme skin:

And the same UI with the property set:

And the same UI with the mouse hovering over the “Computer” icon:

Want to take it for a spin? You’ll need the latest binaries of Substance, Flamingo and Substance Flamingo plugin.