[C#] UserControl en WPF - création d'un damier

Version imprimable

12/05/2011, 20h10
thor76160

[C#] UserControl en WPF - création d'un damier

Bonsoir tout le monde.
bon voilà, il y a un an, j'ai créé un damier vite fait avec winform, et c'était bien lourd comme méthode !
Aujourd'hui, j'aimerais créer un UserControl en WPF ! un damier de jeu d'échec par exemple, en m'inspirant de cette page web.
Seulement je ne veux pas créer un élément de type "window", mais un véritable composant de type Rectangle par exemple, avec des méthodes diverses et variées me permettant de manipuler mon damier au final.

Pourriez-vous me mettre sur la voix svp ? c'est ma première appli en WPF, alors je patoge ^^

Merci.
12/05/2011, 21h35
Pol63

je serais tenté de dire qu'un usercontrol n'est pas obligatoire, tu peux faire une classe Case, tu en créés 64 que tu mets dans une collection, et tu donnes la collection à un listbox
tu précises au listbox qu'il doit utiliser un canvas et lire les positions des cases sur des propriétés de l'objet
13/05/2011, 10h14
thor76160

peux-tu me donner un petit exemple de code stp ?
j'aimerais avoir la possibilité d'utiliser une fonction add() et remove() sur chacun des cases de mon échiquier si possible.
ta solution m'intéresse en tout cas.
merci :)
13/05/2011, 11h40
thor76160

je précise que j'aimerais changer la couleur d'une case sans regénérer tout le damier, mais simplement en faisant une mise à jour de la case concerner.

j'aimerais quelque chose du genre :

Code:

ma_case[x, y].couleur = rouge;

voila :)
13/05/2011, 19h55
Pol63

j'ai pas vraiment d'exemple de code, il "suffit" de comprendre comment utiliser wpf, car ca ne se code pas du tout comme un langage conventionnel

mais avec ce que j'ai dit et du binding, changer la propriété color de la classe case fera automatiquement changer la couleur à l'écran

ce que j'ai dit se base sur les fondements de wpf, mais je pense que ca ne s'invente pas, il faut pas mal tester toutes les fonctionnalités et une fois assimiler les mixer
et ca doit pas être lourd en ligne de code en plus

Si tu veux juste créer la visualisation du damier tu peux le faire directement avec un tile brush comme ceci:

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
<Rectangle Margin="100" SnapsToDevicePixels="True" >
            <Rectangle.Fill>
                <DrawingBrush ViewportUnits="RelativeToBoundingBox" Viewport="0,0,0.25,0.25" TileMode="Tile">
                    <DrawingBrush.Drawing>
                        <DrawingGroup>
                            <GeometryDrawing Brush="Black">
                                <GeometryDrawing.Geometry>
                                    <GeometryGroup>
                                        <RectangleGeometry Rect="0,0,10,10" />
                                    </GeometryGroup>
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing Brush="Red">
                                <GeometryDrawing.Geometry>
                                    <GeometryGroup>
                                        <RectangleGeometry Rect="10,10,10,10"/>
                                    </GeometryGroup>
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                        </DrawingGroup>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Rectangle.Fill>
        </Rectangle>

Pour faire un control paramétrable il suffit d'inclure ce code dans un UserControl/CustomControl et ensuite jouer sur les paramétrés du brush.

Cependant cette méthode ne convient pas si tu veux rajouter les interactions sur les cases.