Hi, version 5.6 of JMetro has just came out and this post will highlighted the major changes.

This release was mostly about perfecting and tweaking styles that already existed in JMetro with a couple addition of styles that didn’t exist.

Keep on reading to get the details.

Changes to Controls which use cells

Cell based controls like TableView, ListView, TreeView, TreeTableView have been updated, these styles have been tweaked to make sure all of these controls have consistent styles among them.

TableView and TreeTableView style haven’t been defined in Microsoft Fluent Design, although there is a community version of a table control. JMetro TableView and TreeTableView styles differ from this control.

Looking at the Modena (JavaFX default) themed controls you can still see some skeuomorphic aspects which have generally fallen out of fashion these days, since about the year 2010 when Microsoft first started using a flat design (with Metro) and then Apple and Google. Modena was released at about slightly before this time of transition.

There’s also no hover effects when the mouse hovers over the cells. You can see all these differences in the following animated images.

TableView

Default JavaFX style

JavaFX default Modena TableView style

New JMetro style

JMetro JavaFX theme version 5.6 TableView light style
TableView – JMetro light style
JMetro JavaFX theme version 5.6 TableView dark style
TableView – JMetro dark style

ListView

Default JavaFX style

JavaFX default Modena ListView style

New JMetro style

JMetro JavaFX theme version 5.6 ListView light style
ListView – JMetro light style
JMetro JavaFX theme version 5.6 ListView dark style

ListView – JMetro dark style

TreeView

Default JavaFX style

JavaFX default Modena TreeView style

New JMetro style

JMetro JavaFX theme version 5.6 TreeView light style
TreeView – JMetro light style
JMetro JavaFX theme version 5.6 TreeView dark style

TreeView – JMetro dark style

For the TreeTableView style you can refer to this post: https://pixelduke.com/2019/03/25/jmetro-version-5-3-released/

Controls that use arrow buttons

Controls that use arrow buttons have been tweaked to ensure consistency. Consistency of arrow size, alignment and color. Following are some screenshots of these controls in the alignment test from the ThemeTester app available in the samples.

JMetro light - Cropped image from the ThemeTestar app alignment test
JMetro light – Cropped image from the ThemeTestar app alignment test
JMetro dark - Cropped image from the ThemeTestar app alignment test
JMetro dark – Cropped image from the ThemeTestar app alignment test

Other Changes

Other changes to JMetro:

  1. A new style for the Separator control has been added
  2. Button’s padding have been made smaller to be more inline with the default size of buttons on Modena
  3. Change combobox popup text size to be inline with the rest
  4. And some other small details

Wrapping Up

That’s it for this update. Styles for controls that use cells and controls that have a arrow button have been updated. A new Separator style has been added and some other changes. One of the focus of this update was to improve consistency among controls and tweak already existing styles.

Probably, next up:

  1. Editable Combobox style
  2. Split Button style
  3. SplitPane
  4. Possibly update Spinner style
  5. Other changes

Stay tuned. Cya on my next post or on twitter.

Leave a Reply

Your email address will not be published. Required fields are marked *