Version imprimable
Bonjour,
Je m'essaie à Synth :oops:
Au niveau des cadres, j'ai bien vu qu'il existait une méthode qui veut qu'on définisse les portions de cadre les unes à la suite des autres (il y a 9 portions, si j'ai bien compris).
Mais je n'ai pas vu de méthode qui permette de définir un cadre facilement, style c'est un cadre, avec 2 pixels de large, enfin quelque chose comme on fait en CSS, si vous voyez ce que je veux dire...
Comment est-ce que l'on fait pour cela ?
un cadre? c'est quoi un cadre?
tu peut pas juster crer un cadre comme ca n'importe ou n'importe comment.
laisse moi t'expliquer les grand principe de Synth et si je dit des betise j'espere que Romain Guy me corrige parce que moi j'utilise Synth depuis environ deux semaines.
Synth n'est pas un vrai look and feel, moi je voit Synth comme un squelette de Look and Feel a completer. Avec Synth tu peut jouer sur le Look comme tu veut.
Tout commence avec un fichier XML. Sans ce fichier xml tu peut pas utiliser Synth.
Dans ce fichier XML tu defini les style pour tes composants (ton application).
ce fichier marche un peu comme ca:
certain composant comme le JComboBox ou le JScrollBar sont des composant qui sont composer de plusieurs autre composant.Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
alors tu dois definir plusieurs style pour les differente partie (region) de ce composant.
par exemple avec un JScrollBar tu as la region ScrollBar ScrollBarThumb et ScrollBarTrack
le JComboBox c'est un ArrowButton et un TextField quand c'est editable
ou quand c'est pas editable c'est un ArrowButton et un Label (+ scrollPane + list + renderer ...)
ou le JTabbedPane qui est un assemblage des region TabbedPane + TabbedPaneContent + TabbedPaneTabArea + TabbedPaneTab
ou encore le JTable qui est un assemblage des region Table et TableHeader.
faut connaitre un peu swing pour savoir ces truc la et tu peut aussi le decouvrir en testant.
mais pour definir un cadre comme ca je comprend pas qu'est ce que tu veut dire en fait, tu veut dire un Border? si par exemple tu veut mettre un cadre(Border) autour d'un JTextField. tu peut faire de plusieurs facons :
voila 3 simple exemple qui mete un cadre a un JTextField:
le fichier xml pour synth
les deux painter utiliser par ce fichier xmlCode:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38<synth> <object class="javax.swing.plaf.BorderUIResource$EtchedBorderUIResource" id="aBorder"> <int>0</int> <!-- // EtchedBorder.LOWERED Lowered--> </object> <defaultsProperty key="TextField.Border" value="aBorder"/> <object id="myPainterV1" class="MyPainterV1"/> <object id="myPainterV2" class="MyPainterV2"/> <!-- exemple 3 --> <style id="border3Style"> <state> <insets top="3" left="3" bottom="3" right="3"/> <imagePainter method="textFieldBorder" path="border.png" sourceInsets="3 3 3 3" paintCenter="false" stretch="true"/> </state> </style> <bind style="border3Style" type="name" key="borderV3"/> <!-- exemple 2 --> <style id="border2Style"> <state> <insets top="3" left="3" bottom="3" right="3"/> <painter method="textFieldBorder" idref="myPainterV2"/> </state> </style> <bind style="border2Style" type="name" key="borderV2"/> <!-- exemple 1 --> <style id="border1Style"> <state> <insets top="3" left="3" bottom="3" right="3"/> <painter method="textFieldBorder" idref="myPainterV1"/> </state> </style> <bind style="border1Style" type="name" key="borderV1"/> </synth>
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
un petit programme de test
Example 1:Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
1- dans ton fichier xml tu defini une resource Border. Tu crer un Painter qui extend SynthPainter. Tu override la methode paintXXXXXXXBorder(...). Tu recupere ce Border et tu fais un set sur le component que tu peut recuperer sur le SynthContext. On doit faire comme ca parce qu'il y a pas de propriete TextField.Border (http://java.sun.com/j2se/1.5.0/docs/...roperties.html)
Example 2:
2- Un peu comme la 1, mais tu dessine toi meme le Border avec Java2D completement sur le graphics passer a la methode paintXXXXXXXBorder(...). Attention j'ai pas utiliser les insets du composant. j'ai juste dessiner un bord de 1 pixel.
Example 3:
3- Tu utilise imagePainter et c'est la que les 9 zones joue un role. Si tu utilise une image, elle sera diviser en 9 zones. La zone central (9) pour dessiner un Border ca sert a rien alors on la dessine pas. (paintCenter="false" dans les option de imagePainter)
les autre zone c'est pour savoir comment le stretching va fonctionner.
si tu a une image avec des zones comme ici
les zone 1 et 3 dans mon image font 3*3 pixel ca fait facile alors pour le sourceInsets :-))Code:
2
3
4
5
6
les zone 2 4 6 et 8 peuvent etre etirer si le textField est plus grand que l'image. par exemple l'image que
j'ai fait est une image de 40*22. tu vois quand meme que les zone 2 et 6 sont quand meme etirer pour faire toute la longueur du textfield qui fait 150 :-) (j'ai mit des couleur different pour les zone 2 4 6 et 8 comme ca tu vois mieut :-))
voila a peu pres les different moyen de faire un cadre avec synth.
je repete, si j'ai dit des betise Romain Guy me corrigera surement.j'ai aussi decouvers Synth tres recemment :-)))
moi ce que je prefere c'est quand meme l'imagePainter.
pourquoi?
parce que tu peut avoir plusieurs state par JComponent.
DEFAULT, MOUSE_OVER, FOCUSED, PRESSED, ENABLED, DISABLED et tu peut les combiner (MOUSE_OVER and DEFAULT and ENABLED and FOCUSED par exemple).
imagine que tu veut ecrire un style pour un JButton (je t'explique parce que ca m'es arriver ;-) )
tu te dis tu vas utiliser un painter et refaire le code du background et du boder dedans en redefinissant les methode paintButtonBackground et paintButtonBorder.
tu as ton painter mais tu es parti pour un switch case interminable....
avec un imagePainter c'est plus simple parce que tu fait tout dans ton xmlCode:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
c'est facile de faire des image qui se ressemble avec the gimp. copy/paste tu change un peu les couleurs et tu resauve :-)) faire tous ca en Java2D c'est deja beaucoup plus long :-))Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
je croit pas que j'ai ete tres claire la. si tu a pas comprit un truc, dis le :-))
faudrait que je trouve un jour pour rediger une doc sur synth plus complete que ce qu'on trouve comme l'a proposer quelqu'un ici.
ps: l'image est uploader avec le message si tu teste prend la :-)
Je voulais un cadre, quoi !
Bon, en tous les cas, grâce à toi, j'y suis arrivé, merci !
Quelques questions encore :
- Je me suis fait un painter qui place sur les text field des cadres issus de BorderFactories. J'observe que cela supprime l'élément insets, s'il y en a un. Est-ce normal ?
- serait-il possible de se créer un painter qui active n'importe laquelle de ses méthodes, sans que l'on soit obligé de lui donner un nom prédéfinit ?... bref est-il possible de créer n'importe quel painter pour n'importe quel composant ? Comment fait-on, par exemple, pour les composants persos ?
- Je pense que ce qui m'avait dérouté c'est qu'il n'y a aucune mise en oeuvre du SynthPainter, je m'attendais à ce qu'il y ait des trucs simples d'intégrés ; par exemple je m'attendais intuitivement à ce qu'il y ait un painter associé aux BorderFactories, car il est tout de même trèèèès usuel de placer des bordures à ses composants ! A ce propos, quel est le painter que le imagePainter utilise ?
Sinon, à la pratique, le look and feel Synth est... intéressant, mais, un peu ardu à la prise de contact, je trouve !
ok alors un cadre pour toi c'est un Border :-)
> Je me suis fait un painter qui place sur les text field des cadres issus de BorderFactories. J'observe que cela supprime l'élément insets, s'il y en a un. Est-ce normal ?
je dois dire j'ai pas compris. :-S
tu utilise un BorderFactory dans ton Painter?
tu fais quelque chose comme ca?
Code:
2
3
4
5
6
7
> serait-il possible de se créer un painter qui active n'importe laquelle de ses méthodes, sans que l'on soit obligé de lui donner un nom prédéfinit ?
Tu peut extend de SynthPainter et redefinir (implementer) toutes ses methodes si j'ai compri correctment?
et dans ton xml tu reutilise toujours le meme painter. tu n'aura qu'une ligne comme ca :Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<object id="MyPainter" class="MyPainterForAllComponents"/>
et tu idref toujours vers MyPainter dans tes style.
si tu veut definir un style pour tes composant perso (MyClass extends JComponent) par exemple, tu peut passer par le name.
c'est tres puissant quand on passe par le name.
Tu peut par exemple dire:
tout les composant utiliseront cette police.Code:
2
3
4
5
6
7
tu peut aussi faire comme ca
et dans l'xmlCode:
2
3
4
5
(plus type="region" mais type="name" !)Code:
2
tout les composant qui ont comme nom Panel.quelque chose utiliseront se style. (j'aime cette option moi :)) )
> Je pense que ce qui m'avait dérouté c'est qu'il n'y a aucune mise en oeuvre du SynthPainter,
moi c'est qu'y avais pas de doc.
> Je m'attendais à ce qu'il y ait des trucs simples d'intégrés ; par exemple je m'attendais intuitivement à ce qu'il y ait un painter associé aux BorderFactories, car il est tout de même trèèèès usuel de placer des bordures à ses composants !
imagePainter est pas mal pour ca une image et deux ligne dans l'xml :-))
et y'a quand meme quelques truc pour faciliter le travail http://download.java.net/jdk6/docs/a...hicsUtils.html
c'est peu mais c'est deja pas mal :-)) (sinon y'a toujours SwingUtilities2 :lol: )
> A ce propos, quel est le painter que le imagePainter utilise ?
ben je croit que c'est un painter interne a Synth. faut demander a Romain Guy ca (il a developer/maintenu/fixer les bug de Synth quelque temp )
> Sinon, à la pratique, le look and feel Synth est... intéressant, mais, un peu ardu à la prise de contact, je trouve !
apres quelque jour, ca passera et tu aimera.
moi aussi j'ai utiliser Synth que quelque jours :-))
c'est vraiment pas compliquer quand on comprend le principe.
mais ca devient enervant (par exemple) quand tu essaye de definir une ToolBar.handleIcon horizontal et que ca marche pas :-)) et tu te rend compte bien apres que le ToolBar n'est pas orienter :aie:
si tu a des question, tu veut bien les expliquer correctement stp? parce que moi je comprend pas tres bien ce que tu dit/veut dire.
merci et bonne soirée :-))
Je conseille vivement d'utiliser l'imagePainter le plus possible.
Note : Il y a eu de nombreuses améliorations dans Synth dans Java SE 6, notamment concernant l'orientation des composants (la toolbar est orientée maintenant :)
bonjour gfx :-))
> Note : Il y a eu de nombreuses améliorations dans Synth dans Java SE 6, notamment concernant l'orientation des composants (la toolbar est orientée maintenant.
J'ai commencer a faire du Java directement avec les versions de Mustang qu'on trouvait sur java.net il y 7-8 mois :oops: je download une autre version tout les 3-4 jour ;-) (idea supporte deja java 6 alors pourquoi revenir a java 5?)
La plupart des composant orientable sont orienter, ca j'avait remarquer et meme la region ToolBarSeparator (pour JToolBar.Separator()) mais avec le handleIcon j'ai un problem.
par exemple si je fais ca
Code:
2
3
4
5
6
7
8
9
10
11
si je decomente la ligne en commentaire dans l'xml ca marche pas mieux. c'est la meme icon qui est toujours afficher. que le ToolBar soit Vertical ou Horizontal. alors qu'est ce que je peut faire de mal?
(j'ai un peu regarder dans les code de Synth. et quand je prend la classe SynthToolBarUI je vois null part ou est ce qu'il gere l'orientation de cet icon.)
j'ai fait un exemple simple pour tester. si tu veut les code pour tester toi meme envoi moi un mail (bbclone@gmail.com) et je t'envoi les source :-)
Merci pour tout ; je vais mettre résolu, même s'il y a encore beaucoup à dire... C'est vrai que je ne suis pas toujours très clair, mais au moins je me comprends 8-)
Effectivement j'utilise les BorderFactory ; j'avais déjà trouvé la combine du name pour les composants persos, mais je m'étonnais que les painters restaient très proches de composants très standards (TextField, ComboBox, etc...), j'aurais essayé de laisser plus libre et générique les méthodes du painter... mais enfin... avec des y'a qu'à faut qu'on...
> C'est vrai que je ne suis pas toujours très clair, mais au moins je me comprends
hereusement :lol:
> Effectivement j'utilise les BorderFactory ;
si tu utlise les BorderFactory comme j'ai mit dans un code en haut direct dans le painter -->je<-- trouve que c'est pas une bonne idee.
Avec Synth tu peut avoir plusieur look pour le meme feel. Si tu utilise par exemple des BorderFactory dans ton Painter tu limite un peu cette possibilite.
j'explique:
Tu crer un look (moi je prefere dire skin et encore une foit c'est personel) avec different tones.tu auras une structure un peu comme ca:
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20/myRedSkin redSkin.xml /painters MyPainter1 MyPainter2 MyPainter3 /images radioButton_focused.png radioButton_selected.png /myGreenSkin greenSkin.xml /painters MyPainter1 MyPainter2 MyPainter3 /images radioButton_focused.png radioButton_selected.png
Si dans tes Painter tu utilise des "valeur constante" comme des BorderFactory.createXXXXXBorder(...) tu devra recrer tes Painter pour chaque tone. c'est un peu bete je trouve.
mais si tu defini les Border aussi dans ton XML (en utilisant des objects BorderUIResource) tu poura reutiliser tes painter et avoir une structure comme ca :-)
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27/myBaseSkin (no xml here) /painters (common painters for all skins) Basic painters 1 Basic painters 2 Basic painters 3 /images basic images (images that can be used by all skins ) /myRedSkin redSkin.xml /painters override (or not) basic painters. /images radioButton_focused.png radioButton_selected.png ... /myGreenSkin greenSkin.xml ... /painters MyPainter1 ... MyPainter2 ... MyPainter3 ... /images radioButton_focused.png radioButton_selected.png
dans les painter de base tu peut faire des UIManager.get("Component.key")
comme ca tu peut recuperer le border comme il est defini au niveau de l'xml du bon skin. (un simple heritage :-))
tu peut avoir dans ton premier skin un EtchedBorder et dans le green un LineBorder et tu reutilise le meme painter pour les 2.
Tu comprent ce que je veut dire?
(je trouve domage qu'il y a pas un mecanise d'inclusion de fichier XML dans le fichier xml lui meme. je veut dire, reprend ma structure. si j'ai dans mon baseSkin un fichier XML qui defini certaines proprietes (par exemple des insets pour un composant) qui serons la meme chose pour tout les skin, j'aurais pu l'ecrire une fois et l'inclure dans les 2 skin de couleurs rouge et vert. faire un copy/paste de tout un fichier xml qui peut etre enorme et changer quelques ligne ou quelque nom d'image y'a moyen de faire quand meme plus simple?)
en fait, le plus simple c'est quand meme l'imagePainter :-)))
>j'aurais essayé de laisser plus libre et générique les méthodes du painter... mais enfin... avec des y'a qu'à faut qu'on...
moi je pense qu'il aurait pu faire un truc plus simple. swing est complexe ok, mais est ce que c'etait pas possible d'avoir un truc plus simple? faire un xml avec des painter ou des image pour chaque partie de composant pour chacun de ses etat c'est mieu que de refaire tout un look and feel mais c'est pas l'ideal non plus :-))
maintenant question a Gfx
synth est apparu dans merlin? (pour avoir le l&f win xp ou gtk je crois?)
Ocean est apparu dans Tiger.
Pourquoi sun n'a pas developer Ocean avec Synth? En fait la question est plus pourquoi sun n'a pas migrer tout les l&f vers Synth? Ce serait plus simple chez sun pour maintenir le code. non?
(ps:j'ai deja lu le http://developers.sun.com/learning/j...op/TS-2870.pdf de Scott Violet ;-) )
bon je vais retourner a mon match moi :-)
bonsoir a tous :-)
ps: je me plain mais je suis vraiment content de synth et la question avec le handleIcon si tu pouvait aussi repondre Gfx parce que vraiment je vois pas :-))) merciiiiiiiii
Exact mais pas sous forme d'API publique et pas pour Windows XP.Citation:
synth est apparu dans merlin? (pour avoir le l&f win xp ou gtk je crois?)
Ocean est seulement Metal avec des dégradés. Il était beaucoup plus simple d'adapter Metal. D'ailleurs Ocean se trouve dans le code de Metal avec des trucs du genre "if (isOceanLaf()) ...".Citation:
Pourquoi sun n'a pas developer Ocean avec Synth? En fait la question est plus pourquoi sun n'a pas migrer tout les l&f vers Synth? Ce serait plus simple chez sun pour maintenir le code. non?
Migrer les L&F a deux problèmes. Premièrement Synth n'est pas assez souple pour changer le "feel", ce qui l'exclut pour les L&F natifs. Ensuite, pourquoi réécrire du code testé et retesté ? C'est un risque bien trop important. Seuls Metal/Ocean et Motif aurait pu bénéficier d'un tel changement et au vu des changements actuels apportés à Swing cela ne présente que peu d'intérêt. GTK repose déjà sur Synth.
Rien n'empêche toutefois un futur LaF d'être réalisé avec Synth, bien au contraire.
Errr... Ça fait partie de la recommandation XML et des DTD hein :Citation:
je trouve domage qu'il y a pas un mecanise d'inclusion de fichier XML dans le fichier xml lui meme. je veut dire, reprend ma structure
Code:
2
3
4
5
6
7
8
9
hello gfx et merci pour ces precision :-)
tu dit
> Migrer les L&F a deux problèmes.
je comprend pour les l&f natif. mais quand meme j'ai toujours dans l'idee que sun aurait pu faire Ocean avec Synth. en plus ca aurait ete plus simple a maintenir avec synth.
> Rien n'empêche toutefois un futur LaF d'être réalisé avec Synth, bien au contraire.
j'ai deja styler une grosse part des composant swing. en pas tres longtemps
je pense qu'avec un designer et un developeur en 2-3 semaine tu as un nouveau look. sun n'a vraiment pas les resource pour faire ca?
> Ça fait partie de la recommandation XML et des DTD hein :
bien sur :-)
mais comme j'avait deja tester j'ai cru que SAX n'aimait pas beaucoup
j'ai reessayer ta methode alors :-))
dans un common.xml j'ai un style
j'ai un skin rouge par exemple.Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
je fais un clone et j'override juste une propriete.Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
soit je suis completement perdu
ou j'ai mal compri ton truc
ou SAX aime pas ce que tu propose non plus. (j'ai pas envie de changer de parseur non plus ;-) )
c'est quand meme des chose basique et logique que j'essaye de faire. non?
Puisque je te dis que non.Citation:
j'ai toujours dans l'idee que sun aurait pu faire Ocean avec Synth. en plus ca aurait ete plus simple a maintenir avec synth.
j'essaye de me persuader mais tu a surement raison!!