En regardant mon logiciel de messagerie je me suis fait la réflexion que je lui trouvais des petits aspects sympathiques comme au niveau design : les boutons unis ou une fusion de boutons, c’est sympa ! :

• ressemble à ça :

En allant mirer ce qui se faisait dans la fenêtre de cliping graphique de NetBeans 6.7.1 et la DT de SUN sur les composants JFX :

j’ai pu noter l’absence de cette chose qui fait de l’économie de place en définitif Pour SUN (Ahah) et pour la GUI

Moi c’est plutôt le deuxième aspect qui m’intéresse

• voici le resultat de ma petite tambouille :

Non je rigole !

(à noter que ce qui se passe avec le chargement des stylesheets CSS en JavaFX 1.2.1 est mal car quand on instance des Nœuds après avoir chargé une feuille de style il se produit que ces derniers ne sont pas affecté par cette dernière)

• [ Donc en gros moi pour l'astuce, j'ai forké les composant et j'ai modifié sur chacun les entête CSS ]
• Ce qui est un peu la Looze-D faut bien l’avouer. Vivement que ça soit fixé.

• Mais dans la théorie ça ce passe comme ça… :

"theme0.css" -> SmallButton

"theme0.css" -> ComboButtons

• au niveau de l’implémentation du Composant (c’est comme les poupés russes) on commence toujours par la plus petite

Joke

• on a l’entité SmallButton qui est en faite ça :

Dans laquelle on retrouve une illustration, qui est en faite un Group avec des Shapes dedans, qu'on met en paramètre de SmallButton

j’ai pu noter l’absence de cette chose qui fait de l’économie de place en définitif Pour SUN (Ahah) et pour la GUI

ce qui nous permet d’avoir une illustration vectoriel

• l’avantage des illustrations à base de Shapes pour les SmallButtons c’est qu’on peut agrandir notre Composant sans perte de qualité :

• d’ailleurs…

j’ai trouvé une bonne source pour alimenter votre d’inspiration à cet endroit : http://www.eddit.com/shop/iphone_ui_icon_set/

et je pense qu’avec les class

• javafx.scene.shape.SVGPath
• javafx.scene.shape.ShapeSubtract

Il y a de quoi s’amuser

• et on viens “travailler” les différents états graphique de l’illustration du SmallButton, en utilisant une fonction qui décortique ce group :

(Rien ne nous empêcherais d’y mettre des images d’ailleurs mais ça c’est pour les améliorations futures… )

• on vient encastrer le tout dans le ComboButtons :

• on peut le faire varier la hauteur de la forme qu’on a mis en illustration du Separator pour produire ça :

OU 

Pour les fantaisies ^^ on peut utilisé l’affichage avec le nom du SmallButton ( c’est en faite un Skin =/= dans le trio Skin/Behavior/Control) qu’on a renseigné pour les SmallButton dans la variable “name:”

SmallButtonTextSkin

mais rien nous empeche de mettre par défaut les SmallButtons en “mode” illustration et d’en punir un pour le mettre en Skin Text :

"Text Mode" Forcé sur le 3eme SmallButton

Pour les plus feignant ou ceux qui y arrivent pas à faire d’illustration pour leurs SmallButtons on peut utiliser l’identifiant (caractère) :

Ici les illustration sont en faite des "<", ">" et "+"

• bon sinon le principal c’était quand meme de mettre des actions dans nos SmallButtons :

et en regardant le post ( http://learnjavafx.typepad.com/weblog/2009/12/javafx-13-leakage-at-devoxx-and-øredev.html ) du blog “learnjavafx.typepad.com” datant du 3/12/09 qui annonce les new composant dans JFX 1.3

Je n’en vois toujours pas dans les tablettes

Pourtant le ScreenShot trouvé ici ( http://fxexperience.com/2009/11/enterprising-javafx-devoxx/ ) montre peut être le contraire

Allons savoir… la vérité est ailleurs…

Mais le composant est là :

Le projet NetBeans du ComboButtons