Metro style Radio Box for Java (JMetro) – Revisited

This time the radio button gets a face lift and a java8 approval stamp.

Tweaks:

  • Focus ring changed to be equal to the rest of the controls
  • Outer circle stroke width increased
  • Removed css code that wasn’t doing anything
  • Outer circle stroke color changes when mouse hover and focused
RadioButton(LightTheme)

Radio Button metro (Light Theme)

RadioButton(DarkTheme)

Radio Button metro (Dark Theme)

 

Metro style Push Button for Java (JMetro) – Revisited

This time the Push Button.

Tweaks:

  • Changed spacing between points on the focus ring (in accordance with what was done in the previous controls)
  • The button grew when it had focus in the light theme, this was fixed.
pushButton lightTheme1

Push Button Light Theme

pushButton lightTheme(button pressed)

Push Button Light Theme (button pressed)

pushButton darkTheme1

Push Button Dark Theme

pushButton darkTheme(button pressed)

Push Button Dark Theme (button pressed)

I’ve also fixed several issues with the CheckBox styling. Below you can see the CheckBox with jmetro Dark Theme (which I didn’t show before in the CheckBox post).

checkbox darktheme

CheckBox Dark Theme

Finally I’ve created a new project under the directory jmetro8. Stylesheets that work someway on java8 will work differently on javafx2, so because of this the folder jmetro will have the old stylesheets targeted at javafx2 and the folder jmetro8 will have the new stylesheets (the ones mentioned in my earlier posts) targeted at java8.

Metro style Context Menu for java (JMetro) Revisited

New update to JMetro. With tweaks to the old version and also tested and run under Java 8.

Tweaks:

  • size of menu items is bigger
  • padding around menu items is bigger
  • line separator width changed resulting in more clear line
  • padding around line separator is bigger
  • line separator aligned with menu item labels
contextMenuLight1

Context Menu light theme

contextMenuLight2

Context Menu Light Theme – mouse pressed

contextMenuDark1

Context Menu Dark Theme

contextMenuDark2

Context Menu Dark Theme – mouse pressed