“Metro” Table For Java (JavaFX)

Hi again, this time the TableView “Metro” style gets added to the JMetro JavaFX theme. This amps up the JMetro version to 3.1.0.

The reason why I didn’t add the Table style before is because strangely there isn’t yet a definition for the Table in the Fluent Design System (previously Metro). There is a preview control, called DataGrid but is still in preview and will only be officially added later.

The JMetro Table style is a custom made style I’ve done based on the Fluent Design System’s other controls and guide lines.

Continue reading

Java’s “Metro” theme recap and new version

[Update: This article has been updated on 21 June, 2018]

This is what I’ll be covering in this post:

  • I’ll give my personal opinion on why I think Java, JavaFX theme JMetro, is a better option than the aging (more than 5 years old), default, Modena theme;
  • Show some applications that use JMetro: two NASA apps (!!), one I’ve done for a client some time ago, and a really nice-looking app I found on the internet;
  • JMetro has been updated, I’ll be detailing the new update;
  • I’ll clear up some things about “Metro” and JMetro.

Continue reading

Javafx on mobile first impressions

I decided to give it a go at testing javafx in an android device. My android device might be considered a low end device, it’s a nexus 4 from LG. The result can be seen below in a video. The quality of the video isn’t the best, I had to scale down the quality because the video was occupying 2GB.

My conclusion is that java/javafx runs with a very good performance in a low end android device with a pretty decent start up time. There were just 2 problems with this test, the first was with a demo which tested multi touch but didn’t run with top notch responsiveness but that might be the demos fault and not an issue with javafx itself. The second problem were dialogs: they aren’t showing up well.

The demo took about 6 seconds to start which is more than the standard android app but not too much.

ToggleSwitch control revisited

ToggleSwitch - modena theme

ToggleSwitch – modena theme

Going through JMetro I just remembered the Toggle Switch control that I have created. It reminded me that this should be in a control repository next to other controls, publicly available for anyone to grab. I think this is one of those controls that should be part of the java sdk, it’s very popular especially on touch based devices. For more information read my previous blog post on the Toggle Switch control.

I have heard more than once people saying why a new control, why not simply style the Checkbox to appear the same way as a Toggle Switch. I think Toggle Switch merits being its own control the same way the Radio Button and Checkbox aren’t just skins of the Toggle Button, besides being conceptually a different control a Checkbox has the indeterminate state which doesn’t make sense in a Toggle Switch. Toggle Switch are usually also animated which can’t be achieved by skinning. And finally creating a Toggle Switch control makes it easier for others to style the control in different ways via css (styling a Checkbox to look like a Toggle Switch is difficult and hacky) .

So I decided to submit this control to the ControlsFX project.

One of the pertinent feedbacks I’ve received from the project members was that the default skin should be inline with the Modena theme.  And so I created a new css stylesheet that I think is inline with Modena and is the default look of the control (if you don’t override the default stylesheet).