Dessiner un contour en dégradé

Version imprimable

26/08/2006, 22h44
Sergejack

Dessiner un contour en dégradé

Voilà, dans une application je crée un objet Polygon jaune avec un contour noir qui doit disparaître progressivement vers la gauche.

Pour l'intérieur, ça va, il me suffit d'attribuer comme "paint" à mon context graphique un GradientPaint de jaune opaque à jaune transparent (alpha = 0), mais pour le contour noir, je ne sais pas comment m'y prendre.

Merci pour toute aide.
26/08/2006, 23h58
divxdede

Citation:

Envoyé par Sergejack

Voilà, dans une application je crée un objet Polygon jaune avec un contour noir qui doit disparaître progressivement vers la gauche.

Pour l'intérieur, ça va, il me suffit d'attribuer comme "paint" à mon context graphique un GradientPaint de jaune opaque à jaune transparent (alpha = 0), mais pour le contour noir, je ne sais pas comment m'y prendre.

Merci pour toute aide.

J'imagine que tu possédes un Graphics2D et un Shape décrivant ton polygone.

Pour l'interieur, tu places ton GradientPaint par Graphics2D.setPaint() puis tu le remplit via Graphics2D.fill( Shape );

Pour le contour tu places la couleur noir Graphics2D.setColor( Color.BLACK ); puis tu dessines via Graphics2D.draw( Shape );
27/08/2006, 09h50
Sergejack

Citation:

Envoyé par divxdede

J'imagine que tu possédes un Graphics2D et un Shape décrivant ton polygone.

Pour l'interieur, tu places ton GradientPaint par Graphics2D.setPaint() puis tu le remplit via Graphics2D.fill( Shape );

Pour le contour tu places la couleur noir Graphics2D.setColor( Color.BLACK ); puis tu dessines via Graphics2D.draw( Shape );

Ben non, ça c'est ce que je fais déjà à défaut de mieux, mais le contour devrait être un dégradé lui-même.
28/08/2006, 02h31
bouye

Citation:

Envoyé par Sergejack

Pour l'intérieur, ça va, il me suffit d'attribuer comme "paint" à mon context graphique un GradientPaint de jaune opaque à jaune transparent (alpha = 0), mais pour le contour noir, je ne sais pas comment m'y prendre.

Bien il suffit d'utiliser un GradientPaint de noir opaque à noir transparent (alpha = 0) tout simplement. Quel est le probleme ?
28/08/2006, 10h30
Sergejack

Pour les contour on ne peut appliquer qu'une couleur apparément et non un paint.

Pardon ???
Avec quelle version travaille-tu ? Un contour est une Shape générée par le Stroke pour une forme donnée (la Shape source) et remplie avec la peinture actuelle du Graphics. Et on sait deja que n'importe quel Paint fonctionne pour remplir n'importe quelle Shape :

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
package test;
 
import java.awt.*;
import java.awt.geom.*;
import javax.swing.*;
 
public class Test2D extends JFrame {
 
  public Test2D() {
    super("Test");
    setLayout(new BorderLayout());
    add(new RenderPanel(), BorderLayout.CENTER);
  }
 
  public static void main(String ...args) {
    SwingUtilities.invokeLater(new Runnable() {
      public void run() {
        Test2D dialog = new Test2D();
        dialog.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        dialog.setVisible(true);
        dialog.pack();
      }
    });
  }
 
  private static class RenderPanel extends JPanel {
    private static Stroke STROKE = new BasicStroke(5);
    private static Paint FILL_GRADIENT = new GradientPaint(50, 0, Color.RED, 50, 350, Color.YELLOW);
    private static Paint PAINT_GRADIENT = new GradientPaint(50, 0, Color.YELLOW, 50, 350, Color.RED);
    private Shape circle = new Ellipse2D.Float(50, 50, 350, 350);
 
    public RenderPanel() {
      super();
      setPreferredSize(new Dimension(500, 500));
    }
 
    /** {@inheritDoc}
     */
    @Override protected void paintComponent(Graphics graphics) {
      super.paintComponent(graphics);
      Graphics2D g2d = (Graphics2D) graphics;
      g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
      g2d.setPaint(FILL_GRADIENT);
      g2d.fill(circle);
      g2d.setStroke(STROKE);
      g2d.setPaint(PAINT_GRADIENT);
      g2d.draw(circle);
    }
  }
}

Cependant, si ton stroke n'est pas assez épais, combiné avec le fait de ne pas mettre certains indices de rendu, tu peux en effet avoir l'impression que le gradient ne fonctionne pas sur la bordure. MAIS CE N'EST PAS LE CAS ! => N'importe quel Paint fonctionnera sur une bordure.

29/08/2006, 11h03
xavlours

Très bien dit, bouye, mais il reste un obstacle : comment faire un gradient de l'intérieur vers l'extérieur ? Parce que en passant par un GradientPaint, ça risque d'être super compliqué. Ne vaudrait-il pas mieux redéfinir le stroke ?

En fait je n'en ai aucune idée, mais ça m'intéresse beaucoup.
29/08/2006, 13h15
sinok

xavlours> Dans ce cas on c'est un gradient radial que tu cherches, il est introduit dans java 1.6, la librairie batik, (et peut être swing x, j'ai cru voir trainer quelquechose dans ce style au niveau des Painters)

Ou j'avais fait ça dans un post il y a quelques mois suite à une demande d'argon (on est tous tombé au piège :mouarf:)j'avait fait ceci:
http://www.developpez.net/forums/sho...9&postcount=15
30/08/2006, 00h52
bouye

Mais meme le gradient radial ne regle pas le probleme dans ce cas particulier. Il rend juste la chose plus facile a realiser pour une force circulaire. Pour faire un gradient qui change de couleur sur l'axe interieur->exterieur... pas 36 solutions helas :
- soit tu definies ton propre paint qui prend la forme (transformee ?) en parametre et s'arrange en fonction pour produire les bonnes couleurs au bons endroits. A premiere vue ca me semble bien complique.
- soit en empilant des formes zoomees les unes sur les autre en faisant varier la couleur de chacune. A priori c'est la solution la plus simple a mettre en place en Java mais probablement pas la plus performante.

Redefinir le Stroke n'aidera pas car un stroke fournis une seule Shape et dont tu ne peux mettre dessus qu'un seul Paint et on retrombe sur le probleme que le degrader doit s'adapter a la forme.

La ou redefinir le stroke peut aider c'est pour faire des effets de bordure (arf) par exemple comme une sorte de toon-shading/cell-shading mais sur des formes 2D plutot que 3D, par exemple en produisant une forme de bordure qui soit plus epaise en haut a gauche que en bas a droite et avec des coins arrondis. Ou au contraire une forme qui se repete tout le long de la bordure.

Je precise que j'ai fais ces tests avec mon logiciel de dessin, je n'ai pas eut le courage de coder quoi que ce soit.