Rendre un Graphics transparent

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

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.

Voici donc mon code:

Code:

---

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

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:

---

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:

---

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); } }); } }

---

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

Citation:

---

Envoyé par bouye

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:

---

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.