[Synth] Largeur des composants

Version imprimable

07/12/2005, 12h50
nicolas.pied

[Synth] Largeur des composants

Bonjour,

Je suis en train de réaliser un skin avec l'API Advanced Synth, mais je suis sur un petit problème que voici imagé :

Sans Synth activé :

http://kbups.tuxfamily.org/tmp/swing.gif

Avec Synth :

http://kbups.tuxfamily.org/tmp/synth.gif

On peut donc remarquer que lorsque le skin est chargé, il écrase le texte si celui-ci est trop long. Comment faire pour redimensionner mon composant avec Synth de tel façon que le texte ne soit plus écrasé, ou bien donner lui une taille fixe en largeur au composant (JButton).

Savez-vous également si il est possible de définir une marge extérieure entre chaque bouton que ce soit avec Synth ou directement dans le code Java ? (J'utilise un GridBagLayout)

Merci.
07/12/2005, 13h17
lilou77

Re: [Synth] Largeur des composants

Citation:

Envoyé par nicolas.pied

Savez-vous également si il est possible de définir une marge extérieure entre chaque bouton que ce soit avec Synth ou directement dans le code Java ? (J'utilise un GridBagLayout)

pour la marge il faut définir le inset :

Code:

gridBagConstraints.insets = new java.awt.Insets(0, 0, 0, 0);

- premier champ s'est avec le composant du haut
- deuxieme champs à gauche
- 3ieme en bas
- 4ieme a droite,
-> en fait c'est dans le sens inverse des aiguille d'une montre
07/12/2005, 16h51
nicolas.pied

Merci bien, ça fonctionne ! Je l'allais déjà trouver auparavant mais impossible de m'en souvenir.

Et pour ce qui est du texte qui est tronqué au niveau des boutons ? Quequ'un s'est-il comment remédier à cela ?

Merci.
07/12/2005, 18h39
Gfx

Le probleme doit venir de ton GridBagLayout. Sinon pour agrandir tes composants avec Synth, tu peux utiliser une image de fond qui a la taille minimale souhaitee.
08/12/2005, 09h26
nicolas.pied

Pourtant, je n'ai pas l'impression que cela vienne de mon GridBagLayout, car la première image utilise la même mise en forme que la seconde.

L'unique différence entre les deux, réside dans le fait que la seconde utilise Synth personnalisé.

Pour cette raison, je pensais qu'il était possible de spécifier une taille fixe au composant (par exemple avec une property).

Le skin Synth d'ocean le réalise, donc peut être que le mien peut aussi le faire ?

Merci.
08/12/2005, 09h27
Gfx

Mais Ocean n'est pas realise avec Synth :)
08/12/2005, 09h41
nicolas.pied

Oups, j'avais cru cela !

Donc pour toi, la seule technique envisageable, c'est de mettre une image avec une taille fixe pour le fond ?

Au passage, sait-tu comment définir une taille minimale pour un cadre d'une JSplitPane ?

Merci de ton aide.
08/12/2005, 09h48
Gfx

La taille d'un split pane est generalement definie par son contenu.

Je viens de mettre une image de taille fixe pour le fond du bouton avec la ligne suivante :

Code:

<imagePainter method="buttonBackground" path="images/button_02.png" sourceInsets="0 0 0 0" />

Et le texte tronqué :

http://kbups.tuxfamily.org/tmp/button.gif

Mais rien n'y fait, le texte est toujours tronqué et je ne vois pas d'ou proviens le problème. Voici le code qui me permet d'afficher mes différents composants :

Code:

1
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
gridBagLayoutDial            = new GridBagLayout();
gridBagConstraintsDial       = new GridBagConstraints();
 
// Dial Panel
jPanelDial = new JPanel();
jPanelDial.setName("jPanelDial");
jPanelDial.setLayout(gridBagLayoutDial); // Définir le calque du panel
 
jTextFieldDial  = new JTextField();             jTextFieldDial.setName("jTextFieldDial");
 
jButtonMessage  = new JButton("Message");       jButtonMessage.setName("jButtonMessage");
jButtonHoldOn   = new JButton("En Attente");    
jButtonHoldOn.setName("jButtonHoldOn");
 
jButtonTransfer = new JButton("Transférer");    jButtonTransfer.setName("jButtonTransfer");
 
jButtonMessage.setHorizontalAlignment(SwingConstants.LEFT);
jButtonHoldOn.setHorizontalAlignment(SwingConstants.LEFT);
jButtonTransfer.setHorizontalAlignment(SwingConstants.LEFT);
 
gridBagConstraintsDial.fill       = GridBagConstraints.BOTH;
gridBagConstraintsDial.gridheight = 3;
gridBagConstraintsDial.gridwidth  = 1;
gridBagConstraintsDial.gridx      = 0;
gridBagConstraintsDial.gridy      = 0;
gridBagConstraintsDial.weightx    = 1;
 
gridBagLayoutDial.setConstraints(jTextFieldDial, gridBagConstraintsDial);
jPanelDial.add(jTextFieldDial);
 
gridBagConstraintsDial.fill       = GridBagConstraints.HORIZONTAL;
gridBagConstraintsDial.gridheight = 1;
gridBagConstraintsDial.gridx      = 1;
gridBagConstraintsDial.weightx    = 0;
gridBagConstraintsDial.anchor     = gridBagConstraintsDial.EAST;
 
gridBagLayoutDial.setConstraints(jButtonMessage, gridBagConstraintsDial);
jPanelDial.add(jButtonMessage);
 
gridBagConstraintsDial.gridy      = 1;
gridBagLayoutDial.setConstraints(jButtonHoldOn, gridBagConstraintsDial);
jPanelDial.add(jButtonHoldOn);
 
gridBagConstraintsDial.gridy      = 2;
gridBagLayoutDial.setConstraints(jButtonTransfer, gridBagConstraintsDial);
jPanelDial.add(jButtonTransfer);

Et voici le code du fichier XML :

Code:

1
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
68
69
70
71
72
73
 
<!-- Style par défaut pour tout les boutons -->
<style id="defaultButton">
    <object id="background" class="com.cmm.synth.BackgroundPainter" />
    <object class="javax.swing.plaf.ColorUIResource" id="startColor">
        <int>255</int>
        <int>255</int>
        <int>255</int>
    </object>
    <defaultsProperty key="Button.startBackground" type="idref" value="startColor" />
 
    <object class="javax.swing.plaf.ColorUIResource" id="endColor">
        <int>234</int>
        <int>235</int>
        <int>237</int>
    </object>
    <defaultsProperty key="Button.endBackground" type="idref" value="endColor" />
 
    <object id="border" class="com.cmm.synth.SimpleBorderPainter" />
    <object class="javax.swing.plaf.ColorUIResource" id="buttonBorderColor">
        <int>167</int>
        <int>166</int>
        <int>170</int>
    </object>
 
    <defaultsProperty key="Button.borderColor" type="idref" value="buttonBorderColor" />
 
    <state>
        <painter method="buttonBackground" idref="background" />
        <painter method="buttonBorder" idref="border" />
        <font name="Verdana" size="12" style="BOLD" />
    </state>
 
    <state value="MOUSE_OVER">
        <opaque value="true" />
        <color value="#C2CFE5" type="BACKGROUND" />
        <painter method="buttonBorder" idref="border" />
    </state>
 
    <state value="PRESSED">
        <opaque value="true" />
        <color value="#99AFD4" type="BACKGROUND" />
        <painter method="buttonBorder" idref="border" />
    </state>
</style>
<bind style="defaultButton" type="region" key="Button" />
 
<!-- Style jButtonMessage -->
<style id="jButtonMessage">
    <imageIcon id="iconMessage" path="images/letter.png" />
    <property key="Button.icon" value="iconMessage" />
 
    <insets top="2" left="4" bottom="2" right="4" />
</style>
<bind style="jButtonMessage" type="name" key="jButtonMessage" />
 
<!-- Style jButtonHoldOn -->
<style id="jButtonHoldOn">
    <imageIcon id="iconHoldOn" path="images/holdon.png" />
    <property key="Button.icon" value="iconHoldOn" />
 
    <insets top="2" left="4" bottom="2" right="4" />
</style>
<bind style="jButtonHoldOn" type="name" key="jButtonHoldOn" />
 
<!-- Style jButtonTransfer -->
<style id="jButtonTransfer">
    <imageIcon id="iconTransfer" path="images/transfer.png" />
    <property key="Button.icon" value="iconTransfer" />
 
    <insets top="2" left="4" bottom="2" right="4" />
</style>
<bind style="jButtonTransfer" type="name" key="jButtonTransfer" />

Si vous avez une petite idée, de mon problème alors merci !

08/12/2005, 12h00
Gfx

Je pense sincerement que ca vient de ton GridBagLayout mais la a 3h du matin j'ai du mal a le debugger juste en lisant :)

Ceci est un skin Synth que j'ai fait et tu peux voir que les boutons reagissent tres bien :

http://jext.free.fr/curvy.png