Desktop Java

Call to verify responsiveness of your JavaFX UIs

Recently Jim Weaver installed my little picture indexing app “picmodo” for a demo on his Surface Pro and the GUI became a pice of junk.

Obviously the basic font size of JavaFX on a Windows Tablet is to high:

 
 
 
 
 
 
 
 
picmodo-main-crap5

user-editor-crap

picmodo-options-crap

I assume, too absolute sizes and positions are not always the best idea, even if the resize behaviour works like expected and the UI it looks quite ok on the developers machine… !

So I suppose to frequently give it a try by simply adding this to your CSS to increase default font size a bit and change the button sizes to verify the responsiveness of your layouts:

.root{
-fx-font-size: 16pt;
}
.button, .toggle-button, .choice-box {
-fx-padding: 10px 20px 10px 20px;
}

Somehow that forced me to modify some things. So basically I now prefer to use a combination of VBox, HBox and Region(s) (as a kind of spring-delimiter) for the major layout and to give a bit more respect to “USE_COMPUTED_SIZE” of controls and panes …

picmodo-main-clean

user-editor-clean

picmodo-options-clean

Jens Deters

Jens Deters is a Senior Software Developer working in the domain of Aviation Authorities. His main objectives are RIA and Desktop Applications also he loves to play with IoT related stuff.
Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Back to top button