Discussion :

[smyley]

Finalement je me suis mis à WPF et vu que tout ce que je connaissait c'était les WinForms, il me faut tout réapprendre à partir de rien. En particulier, là je ne sais pas où chercher.
J'aurai aimé créer une croix avec WPF. Ensuite, entourer cette croix (ou n'importe quelle autre forme) d'une bordure (noire par exemple) et la remplir avec un dégradé. Pour l'instant j'étais simplement partit dans cette direction :

Code xml :

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
 
<Border VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Name="ButtonContentDrawing" CornerRadius="2,2,2,2">
                    <Border.Background>
                        <DrawingBrush Stretch="Fill">
                            <DrawingBrush.Drawing>
                                <DrawingGroup>
                                    <GeometryDrawing Brush="White">
                                        <GeometryDrawing.Geometry>
                                            <GeometryGroup FillRule="Nonzero">
                                                <RectangleGeometry Rect="30,0,20,80"/>
                                                <RectangleGeometry Rect="0,30,80,20"/>
                                            </GeometryGroup>
                                        </GeometryDrawing.Geometry>
                                    </GeometryDrawing>
                                    <DrawingGroup.Transform>
                                        <RotateTransform Angle="45" CenterX="40" CenterY="40"/>
                                    </DrawingGroup.Transform>
                                </DrawingGroup>
                            </DrawingBrush.Drawing>
                        </DrawingBrush>
                    </Border.Background>
                </Border>

(le Border est nécéssaire).
Mais bon, il me semble que c'est un peut ... pas ça. Comment fais-je pour entourer les deux rectangles d'une bordure, sans tracer deux bordures séparées (considérer comme une seule forme, car sinon on entoure les deux rectangles et ça fait un carré au milieu qui est entouré, j'en veux pas).
Ensuite, si je peint ma forme, avec la rotation le dégradé ne sera plus du haut vers le bas alors que je veux qu'il demeure dans ce sens.

So voilà, comment fait-je ?

Merci d'avance

[binoo]

Je suis pas sûr d'avoir compris ce que tu veux, mais pour dessiner des formes complexe, j'ai tendance à utiliser un Canvas comme conteneur (ça permet de gérer le z-index). Dedans je dessine les géométries et les positionnent ou je veux.
http://msdn.microsoft.com/en-us/library/ms745818.aspx

Pour ton cas, j'aurais dessiner une ellipse et la croix avec les rectangles que tu as fais (ou un polygone/polyline pour la croix)

Les animations sont faites sur le canvas ou les formes géométriques selon ce que tu veux faire.

[HighTouch]

effectivement mais pourquoi ne pas passer pas expression design tout simplement ?

c'est au moins quarante fois plus intuitif que blend pour dessiner.

[binoo]

Parce que tout le monde ne l'a pas (C'est pas donné tous ces p'tis outils ).

Par contre il peut-être intéressant de voir le code xaml qui est produit pour ce genre de figure par exemple. Si tu as l'occasion de tester...

[smyley]

Je n'utilise ni Expression Blend, ni Expression Design, mon XAML je le pond à la main (j'ai bien envie d'apprendre à bien m'en servir toute façon).

Merci binoo les polygon c'est carrément plus facile à utiliser que s'amuser avec des rectangles
Maintenant mon problème d'origine, "faire des unions" est légèrement différent.
En fait, Si je fais ceci :

Code xml :

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

1
2
<Polygon Points="0,0 40,0 40,40 0,40 0,0" Stroke="DarkGray" StrokeThickness="1">
</Polygon>

Si je remplit la propriété Fill, j'obtiens un carré. Cependant, je ne voudrais pas tout un carré mais plus une "couronne" (carrée)
En fait, je souhaite obtenir la figure que l'on construit en enlevant un carré de coté 20 positionné au centre d'un carré de coté 40 (ce qui devrais me laisser mon carré avec un trou dedans). So, comment je fait la soustraction d'un polygon à un autre un XAML ?

[binoo]

Une possibilité (mais dans l'absolu ce n'est pas comme ça qu'il voir les choses je pense) est de jouer avec l'épaisseur du bord StrokeThickness. Je donne cette idée car c'est peut-être pas trop prise de tête à mettre en place .

Mais pour répondre vraiment à ta question il faut regarder du côté de FillRule. Ainsi tu vas pouvoir définir les règles de remplissage du polygone.
http://msdn.microsoft.com/en-us/libr....fillrule.aspx

Et je mets ce lien aussi pour info, où tu as la librairie des formes du namespace "System.Windows.Shapes" :
http://msdn.microsoft.com/en-us/libr...ws.shapes.aspx

[EDIT] Le plus simple est peut-être d'utiliser le Path pour le dessiner en faisant ainsi

Code xml :

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

1
2
3
4
5
6
7
8
      <Path Stroke="DarkGray" StrokeThickness="1" Fill="Red" >
        <Path.Data>
          <GeometryGroup>
            <RectangleGeometry Rect="10,10 20,20" />
            <RectangleGeometry Rect="0,0 40,40" />
          </GeometryGroup>
        </Path.Data>
      </Path>

[smyley]

Bon ben je m'en suis sortit grâce au FillRule.
Merci binoo