drawRoundRectangle -> path

Version imprimable

02/06/2008, 19h49
SheikYerbouti

drawRoundRectangle -> path

Bonjour,

je dois dessiner des cadres, avec réserve pour le titre. Il me faut donc dessiner un RoundRectangle moins la place du titre. Autrement dit, je dois dessiner moi-même le rectangle avec des primitives de type drawLine() et drawArc().
Quelqu'un connait-il l'équivalent de drawRoundRect(10,10,100,100,20,20); avec les primitives sus-citées ?
02/06/2008, 23h45
bouye

*scratch*, *scratch*, *scratch*, hum j'allais te demander dans ton autre topic de poster un screen, un croquis, un dessin ou un prototype de ce que tu veux faire.

Normalement avec un peu de trigo, une feuille de papier, un calculette et un bouquin de geometrie niveau college, tu peux retrouver assez rapidement les bonnes valeurs a utiliser pour des drawLine()/Line2D et les coins peuvent quant a eux etre dessines a partir de drawArc()/Arc2D. Sinon il y a aussi un bon vieux RoundRectangle2D.

Mais bon avec un proto ou un screen ca serait quand meme bien plus simple de t'orienter correctement. Chai pas mais decrit comme ca "cadre avec zone reservee", je verrai plutot ca avec un bon vieux GeneralPath/Path2D des familles ou des fusion d'Area...
03/06/2008, 07h28
SheikYerbouti

Effectivement, un dessin vaut mieux que deux long discourts!

http://sheikyerbouti.developpez.com/images/frame.jpg

j'avais commencé par tracer le cadre entier, puis j'effaçais la zone du titre avec l'image enregistrée avant, mais cela pose beaucoup de problème.
Il m'apparait plus simple de tracer le cadre avec la bonne interruption pour loger le titre.
03/06/2008, 07h51
guigui5931

Je ne sais pas si ça peut t'aider mais la capture d'écran que tu montre correspond à un JPanel avec une TitledBorder comme bordure.
03/06/2008, 10h18
SheikYerbouti

Je travaille avec une appli basé AWT et je souhaite un minimum de mix avec les composants Swing, raison pour laquelle j'ai très vite abandonné le TitledBorder ;)

Début de réponse avec le code suivant:

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
        Shape sh = new RoundRectangle2D.Double(5d,10d,200d,100d,20d,20d);
        PathIterator pi = sh.getPathIterator(null);
        int i = 0 ;
        float seg[] = new float[6];
        while(!pi.isDone()) {
            int segType = pi.currentSegment(seg);
            switch(segType) {
                case PathIterator.SEG_MOVETO:
                    System.out.print("moveTo: "); for(i=0;i<6;i++){System.out.print("("+i+"):"+seg[i]);}
                    System.out.println("");
                    break;
                case PathIterator.SEG_LINETO:
                    System.out.print("lineTo: "); for(i=0;i<6;i++){System.out.print("("+i+"):"+seg[i]);}
                    System.out.println("");
                    break;
                case PathIterator.SEG_QUADTO:
                    System.out.print("quadTo: "); for(i=0;i<6;i++){System.out.print("("+i+"):"+seg[i]);}
                    System.out.println("");                        
                    break;
                case PathIterator.SEG_CUBICTO:
                    System.out.print("cubiTo: "); for(i=0;i<6;i++){System.out.print("("+i+"):"+seg[i]);}
                    System.out.println("");                        
                    break;
                case PathIterator.SEG_CLOSE:
                    System.out.print("close : "); for(i=0;i<6;i++){System.out.print("("+i+"):"+seg[i]);}
                    System.out.println("");                        
            }
            pi.next();
        } // while

avec la sortie qui va bien:

Citation:

moveTo: (0):5.0(1):20.0(2):0.0(3):0.0(4):0.0(5):0.0
lineTo: (0):5.0(1):100.0(2):0.0(3):0.0(4):0.0(5):0.0
cubiTo: (0):5.0(1):105.52285(2):9.477153(3):110.0(4):15.0(5):110.0
lineTo: (0):195.0(1):110.0(2):9.477153(3):110.0(4):15.0(5):110.0
cubiTo: (0):200.52284(1):110.0(2):205.0(3):105.52285(4):205.0(5):100.0
lineTo: (0):205.0(1):20.0(2):205.0(3):105.52285(4):205.0(5):100.0
cubiTo: (0):205.0(1):14.477153(2):200.52284(3):10.0(4):195.0(5):10.0
lineTo: (0):15.0(1):10.0(2):200.52284(3):10.0(4):195.0(5):10.0
cubiTo: (0):9.477153(1):10.0(2):5.0(3):14.477153(4):5.0(5):20.0
close : (0):9.477153(1):10.0(2):5.0(3):14.477153(4):5.0(5):20.0

par contre, je ne m'explique pas pourquoi un simple lineTo() génère 6 coordonnées !?

Ok, je l'ai:

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
       GeneralPath path = new GeneralPath( );
        Shape sh = new RoundRectangle2D.Double(5d,10d,200d,100d,20d,20d);
        Shape sh2 ;
        PathIterator pi = sh.getPathIterator(null);
        int i = 0 ;
        float seg[] = new float[6];
        while(!pi.isDone()) {
            int segType = pi.currentSegment(seg);
            switch(segType) {
                case PathIterator.SEG_MOVETO:
                    path.moveTo(seg[0],seg[1]);
                    break;
                case PathIterator.SEG_LINETO:
                    path.lineTo(seg[0],seg[1]);
                    break;
                case PathIterator.SEG_QUADTO:
                    path.quadTo(seg[0],seg[1],seg[2],seg[3]);
                    break;
                case PathIterator.SEG_CUBICTO:
                    path.curveTo(seg[0],seg[1],seg[2],seg[3],seg[4],seg[5]);
                    break;
                case PathIterator.SEG_CLOSE:
                    path.closePath();
            }
            pi.next();
        } // while
 
        sh2 = path;

03/06/2008, 12h18
bouye

La zone ou est écrit "Check boxes" est-elle une zone évidée (on appercoit la couleur de fond du panel) ou une zone peinte en blanc ?

Dans le premier cas (ce que tu cherchais à faire dans ton autre topic) tu auras besoin de 2 formes :

- la première est le RoundRectangle2D correspondant à la zone à peindre avec le gradient moins (au sens mathématique) le rectangle correspondant à la boite englobante du texte (voir Area qui permet de faire des opération "arithmétiques" sur les formes). C'est probablement celle que tu viens juste de créer (mais bon un RoundRectangle2D me semble bien plus simple pour débuter). Il faudra faire un fill() de cette Area.

- la seconde est le contour de ce même Rectangle2D (voir Stroke qui permet de retourner le contour sous la forme d'une Shape) toujours moins ce rectangle correspondant à la boite englobante du texte. Il faudra faire 2 draw() de cette Area légèrement décalés et avec des couleurs différentes pour faire l'effet 3D.

En Java2D parfois il ne sert à rien de se casser la tête, des opérations de composition basique entre formes peuvent permetre d'arriver rapidement à un premier résultat. Par la suite effectivement de manière à optimiser, tu préfèreras sans doute créer dès le départ deux Path2D correspondant aux bonnes formes.
03/06/2008, 12h25
bouye

Citation:

Envoyé par SheikYerbouti

Début de réponse avec le code suivant:
par contre, je ne m'explique pas pourquoi un simple lineTo() génère 6 coordonnées !?

Tu as mal lu la doc, un lineTo() ne génère que 2 coordonnées. Mais cette méthode retourne dans tous les cas un tableau de taille 6 car cela correspond au nombre de coordonnées max d'un cubicTo(). Les 4 derniers nombres ne doivent donc pas être pris en compte.

Citation:

Envoyé par Javadoc

SEG_MOVETO and SEG_LINETO types returns one point, SEG_QUADTO returns two points, SEG_CUBICTO returns 3 points and SEG_CLOSE does not return any points.
03/06/2008, 12h48
SheikYerbouti

Merci pour les infos ;)