Discussion :

[RhO]

Bonjour,
J'ai un probleme au niveau de la construction d'un JPanel / JButton.
Enfaite je voudrai dessiner une forme géométrique et donc éviter le format rectangle. J'utilise donc le paintComponent. Mon probleme survient au moment du dessein car je voudrai dessiner avec de la transparence. Si je dessine un rectangle puis un rond qui est superposé de quelque pixel avec le rectangle, alors les % alpha son cumulé et donc le rendu n'est pas beau. J'ai donc créer ma forme sans utiliser la composante alpha, et je me demandai maintenant si je pouvais appliquer la composante alpha sur mon graphics.

merci pour votre aide

[bouye]

Code + screenshot de ce que tu obtiens + prototype de ce que tu voudrais obtenir ?

On est pas devin et tes explications sont loin d'etre claires.

[RhO]

Voici donc mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
protected void paintComponent(Graphics g) { 
        super.paintComponent(g);
 
    	g.setColor(new Color(80,80,80,80));   
    	g.fillRect(0, 0,getWidth(),getHeight()-10);
    	g.fillRoundRect(0, getHeight()-20,getWidth(),20,getWidth(),getHeight());
 
 
    	g.setColor(new Color(255,255,255));   
    	g.drawString(titre,getWidth()/2-15, 15);
 
    	g.dispose();
}

Enfaite, je créé 2 formes avec un pourcentage de 80% de transparence, mais les 2 formes se superpose donc on peut remarque qu'au niveau de la superposition la transparence est de 160%. et moi j'aimerai une transparence uniforme.

Si ce n'est pas claire, j'essayerai de mettre l'image sur internet.

merci de votre aide

[bouye]

Une transparence de 160%* ???????????? C'est comme la lessive ? plus opaque qu'opaque ?

*(en plus une transparence de 80 ca fait du 80/255 soit du 0.31%)

Je ne vois pas trop l'interret de ce que tu essaie de faire d'autant plus que les couleurs sont identiques. Il est normal ques les transparences soient ajoutees puisque c'est la regle de la composite AlphaComposite.ScrOver par defaut. Cette composite est definie via les regles de Porter-Duff :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
Ar = As + Ad * (1-As);
Cr = Cs + Cd * (1-As); // avec C = rouge, vert ou bleu.

Donc oui la transparence finale est fonction des transparences sources et destination (note : destination = ce qui est DEJA present dans le graphics et source = ce que tu es en train de dessiner) mais cela ne depasse jamais 255 (100%).

Mais rien ne t'empeche de creer tes propres composites pour essayer de faire ce que tu veux atteindre (un alpha qui ne change pas par exemple). Si tu veux, tu peux essayer de jouer avec les autres composite.

Mais la encore ca peut ne pas fonctionner comme tu veux car Swing utilise un back buffer a fond noir (la raison pour laquelle avec certaines composistes on voit du noir) et de plus le graphics de l'ecran n'est jamais completement vide, il y a toujours quelque chose dedans donc les composites qui fonctionnent avec l'exterieur de la destination semblent ne pas faire les resultat attendus.

Donc ces regles ont des resultats plus probants quand on les utilise sur des images offscreen dont le fond est totalement transparent.

Sinon ce que tu essaie de faire peut aussi etre atteint en fusionnant les deux formes geometriques (un Rectangle2D et une Ellipse2D) dans une meme Area ou un meme Path2D/GeneralPath (ici l'usage du ComponentListener est critique si tu veux que ta forme soit redimensionnee lorsque ton composant change de taille, ce que je fais dans mon exemple).

Voila un exemple pour tester tout ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
 
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
package transparency;
 
import java.awt.AlphaComposite;
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Component;
import java.awt.Composite;
import java.awt.FlowLayout;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.LinearGradientPaint;
import java.awt.RenderingHints;
import java.awt.event.ComponentAdapter;
import java.awt.event.ComponentEvent;
import java.awt.event.ItemEvent;
import java.awt.event.ItemListener;
import java.awt.geom.Area;
import java.awt.geom.Path2D;
import java.awt.geom.Rectangle2D;
import java.awt.geom.RoundRectangle2D;
import javax.swing.DefaultListCellRenderer;
import javax.swing.JComboBox;
import javax.swing.JComponent;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JList;
import javax.swing.JSlider;
import javax.swing.SwingUtilities;
import javax.swing.UIManager;
import javax.swing.event.ChangeEvent;
import javax.swing.event.ChangeListener;
 
/**
 *
 * @author fabriceb
 */
public class Main extends JComponent {
 
    private String titre = "Titre";
    private AlphaComposite composite = AlphaComposite.SrcOver;
    private AlphaComposite[] composites = new AlphaComposite[]{
        AlphaComposite.Dst,
        AlphaComposite.DstAtop,
        AlphaComposite.DstIn,
        AlphaComposite.DstOut,
        AlphaComposite.DstOver,
        AlphaComposite.Src,
        AlphaComposite.SrcAtop,
        AlphaComposite.SrcIn,
        AlphaComposite.SrcOut,
        AlphaComposite.SrcOver,
        AlphaComposite.Xor};
    private float alpha = 1.0f;
    private LinearGradientPaint gradient;
    private Area shape;
 
    Main() {
        addComponentListener(new ComponentAdapter() {
 
            /**
             * {@inheritDoc}
             */
            @Override
            public void componentResized(ComponentEvent e) {
                gradient = new LinearGradientPaint(0, 0, 0, getHeight(), new float[]{0f, 1f}, new Color[]{Color.CYAN, Color.BLUE});
                float w = getWidth()*2/3f;
                float h = getHeight()*2/3f;
                shape = new Area(new Rectangle2D.Float((getWidth() - w)/2f, (getHeight() - h) / 2f, w, h-50));
                shape.add(new Area(new RoundRectangle2D.Float((getWidth() - w)/2f, (getHeight() - h) / 2f, w, h, 50, 50)));
                repaint();
            }
        });
        final JComboBox compositeCombo = new JComboBox(composites);
        compositeCombo.setSelectedItem(composite);
        compositeCombo.addItemListener(new ItemListener() {
 
            /**
             * {@inheritDoc}
             */
            @Override
            public void itemStateChanged(ItemEvent e) {
                switch (e.getStateChange()) {
                    case ItemEvent.SELECTED:
                        composite = (AlphaComposite) compositeCombo.getSelectedItem();
                        composite = composite.derive(alpha);
                        repaint();
                        break;
                    default:
                }
            }
        });
        compositeCombo.setRenderer(new DefaultListCellRenderer() {
 
            /**
             * {@inheritDoc}
             */
            @Override
            public Component getListCellRendererComponent(JList list, Object value, int index, boolean isSelected, boolean cellHasFocus) {
                super.getListCellRendererComponent(list, value, index, isSelected, cellHasFocus);
                if (value instanceof AlphaComposite) {
                    AlphaComposite composite = (AlphaComposite) value;
                    String text = "";
                    switch (composite.getRule()) {
                        case AlphaComposite.DST:
                            text = "DST - affiche uniquement la destination.";
                            break;
                        case AlphaComposite.DST_ATOP:
                            text = "DST_ATOP - affiche la destination sur la source.";
                            break;
                        case AlphaComposite.DST_IN:
                            text = "DST_IN - affiche les parties de la destination dans la source.";
                            break;
                        case AlphaComposite.DST_OUT:
                            text = "DST_OUT - affiche les parties de la destination hors de la source.";
                            break;
                        case AlphaComposite.DST_OVER:
                            text = "DST_OVER - composer la destination sur la source.";
                            break;
                        case AlphaComposite.SRC:
                            text = "SRC - affiche uniquement la source.";
                            break;
                        case AlphaComposite.SRC_ATOP:
                            text = "SRC_ATOP - affiche la source sur la destination.";
                            break;
                        case AlphaComposite.SRC_IN:
                            text = "SRC_IN - affiche les parties de la source dans la destination.";
                            break;
                        case AlphaComposite.SRC_OUT:
                            text = "SRC_OUT - affiche les parties de la source hors de la destination.";
                            break;
                        case AlphaComposite.SRC_OVER:
                            text = "SRC_OVER - composer la destination sur la source (composite par defaut).";
                            break;
                        case AlphaComposite.XOR:
                            text = "XOR - combiner les parties de la source hors de la destination avec les partie de la destination hors de la source.";
                            break;
                    }
                    setText(text);
                }
                return this;
            }
        });
        final JSlider alphaSlider = new JSlider(0, 100, 100);
        alphaSlider.setOpaque(false);
        alphaSlider.addChangeListener(new ChangeListener() {
 
            /**
             * {@inheritDoc}
             */
            @Override
            public void stateChanged(ChangeEvent e) {
                alpha = alphaSlider.getValue() / 100f;
                System.out.println("Alpha: " + alpha);
                composite = composite.derive(alpha);
                compositeCombo.repaint();
                repaint();
            }
        });
        setLayout(new FlowLayout());
        add(compositeCombo);
        add(alphaSlider);
        add(new JLabel("<html>SRC = ce qu'on est en train de dessiner<br/>DST = ce qui est deja dans le Graphics.<br/>Malheuresement lorsqu'on dessine a l'ecran, le buffer swing est une image completement opaque a fond noir,<br/> donc certaines composites peuvent semler ne pas fonctionner correctement<br/>Ce probleme peut etre corrigee en utilisant une image offscreen de type ARGB avec un fond transparent.</html>"));
    }
 
    /**
     * {@inheritDoc}
     */
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2d = (Graphics2D) g.create();
        try {
            if (gradient != null) {
                g2d.setPaint(gradient);
                g2d.fillRect(0, 0, getWidth(), getHeight());
            }
            g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
            g2d.setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_ON);
            g2d.setColor(new Color(80, 80, 80, 80));
            g2d.fillRect(0, 0, 3 * getWidth() / 4, 3 * getHeight() / 4);
            Composite oldComposite = g2d.getComposite();
            g2d.setComposite(composite);
            g2d.fillRoundRect(0, getHeight() / 2, getWidth(), 20, 20, 20);
            ////////////////////////////////////////////////////////////////////////
            g2d.setComposite(oldComposite);
            if (shape != null) {
                g2d.setColor(new Color(200, 80, 80, 150));
                g2d.fill(shape);
            }
            g2d.setColor(new Color(255, 255, 255));
            g2d.drawString(titre, 10, 200);
        } finally {
            g2d.dispose();
        }
    }
 
    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
 
            /**
             * {@inheritDoc}
             */
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (Exception ex) {
                }
                JFrame frame = new JFrame("Test");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.setSize(800, 600);
                frame.setLayout(new BorderLayout());
                frame.add(new Main(), BorderLayout.CENTER);
                frame.setVisible(true);
            }
        });
    }
}

[RhO]

Je vais tester ton exemple, et voire si je peut l'adapter.

Enfaite oui c'était pas du 160% c'était du 160/255, pardon.

Sinon, je pensai utiliser mon dessein pour extraire le contour de la forme puis ensuite remplir la forme d'une autre couleur... mais je ne voit pas comment faire sa...

bref je regarde ta solution et je te tien au courant,

Merci

[RhO]

Sinon ce que tu essaie de faire peut aussi etre atteint en fusionnant les deux formes geometriques (un Rectangle2D et une Ellipse2D) dans une meme Area

Sa aurait suffit ^^.
Merci pour ton aide, voici finalement ce que j'ai fait...:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
 
Area  area = new Area(new Rectangle2D.Float(0,0,getWidth(),getHeight()-10));
area.add(new Area(new RoundRectangle2D.Float(0, 0,getWidth(), getHeight(),40,40)));
 
g2.setColor(new Color(80,80,80,80));
g2.fill(area);

merci.