Charger dynamiquement des graphiques XAML

**Jayme65** · 24/02/2012, 21h32

Bonjour,

Je dispose de plusieurs éléments graphiques, au format XAML (vectoriel).
Dans une boucle conditionnelle je voudrais charger tel ou tel graphique, selon la condition qui est rencontrée:

en clair si l'utilisateur à choisi "A", le graphique "graphA" est montré, si c'est "B", le graphique "garphB" est montré...etc

Ma question est donc:

Comment puis je avoir tous ces éléments, dans une sorte de bibliotheque, ou en ressource, comme pour un élément bitmap ou son (les avoir donc en resource..et eviter de devoir les "loader"?
Et ensuite, comment puis-je charger une illustration dans 1 Canvas, et faire qu'elle soit remplacée par une autre illustration, selon les choix de l'utilisateur?

D'avance un grand merci!!

**GuruuMeditation** · 27/02/2012, 08h50

Pas essayé, mais en les mettant comme ressources, les charger avec XamlReader.Load et les assigner au content, ça devrait probablement aller.

**MABROUKI** · 29/02/2012, 03h28

bonjour Jayme65.
C'est quoi comme graphique? des shapes ,des controles canvas agrementes etc...
Ce que je suggere c'est le chargement dynamique à partir d'une lib resources compile en dll.....
Apres il y a 2 approches :
1/approche xaml
-compiler tes resources dans une lib dll dans le dico "Themes\Generic.xaml"
-utiliser une "key" appele ComponentResourceKey pour chaque resource compile du dico.La resource en lib ne peut etre utilise qu'en xaml.

2/approche code-behind
-compiler tes resources dans une lib dll dans un dico perso(ReusableDictionary de l'exemple qui suit) .
-la resource en lib peut etre retrouvee moyennant un class Utiliry (de type ResourceDictionary qui store les cles "string").
-avec un peu de code dans un listbox tu peux charger la liste des "key" grace à ton class Utility.

Bref voici un exemple de projet lib (projet biblio control perso WPF)
qui montre les 2 approches mentionnees ci-dessus:
code-behind lib:

Code c# :

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
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
 
 
//   ILLUSTRE L'UTILISATION D'UNE RESOURCE DYNAMIQUE
//   AVEC UNE "KEY"(ComponentResourceKey) UTILISABLE UNIQUEMENT EN XAML
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
namespace WpfLibResourcesDLL
{
    public class CustomCanvas
    {
        public ComponentResourceKey CanvasIllustrator
        {
            get
            {
                return new ComponentResourceKey(
                    typeof(CustomResources), "CanvasIllustrator");
            }
 
 
        }
    }
    // UN SIMPLE CLASS POUR RENVOYER LA "KEY"
    public class CustomResources
    {
        public static  ComponentResourceKey SadTileBrush
        {
            get 
            {   return  new ComponentResourceKey( 
                    typeof(CustomResources), "SadTileBrush"); }
 
 
        }
    }
}
//le class UtilityMyDictionary
//renvoie la liste des cles des resources dans  ReusableDictionary
//utilisables en CODE-BEHIND
 public  class UtilityMyDictionary
    {
        private ResourceDictionary dico;
        public UtilityMyDictionary()
        {
         this.dico = new ResourceDictionary();
         this.dico.Source = new Uri("WpfLibResources;component/ReusableDictionary.xaml", UriKind.Relative);
 
        }
        // property wrapper resource
        public ResourceDictionary Dico { get{return this.dico ;}  }
 
    }

Code xaml lib a mettre dans le dictionary Themes\Generic.xaml:

Code xaml :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:WpfLibResourcesDLL">
 
    <!--Note au passage comment le code xaml de ImageSource est modifie  -->
    <ImageBrush
        x:Key="{ComponentResourceKey
        TypeInTargetAssembly={x:Type local:CustomResources},
        ResourceId=SadTileBrush}"
        TileMode="Tile"
        ViewportUnits="Absolute" 
        Viewport="0 0 32 32"
        ImageSource="WpfLibResourcesDLL;component/Images/PowerSaving.jpg"
        Opacity="0.3">
    </ImageBrush>
 
    <!-- Generated by Adobe Illustrator CS ->XAML Export Plug-In Version 0.19 PC   -->
    <!-- For questions, contact Mike Swanson: http://www.mikeswanson.com/XAMLExport -->
 
    <Canvas 
            x:Key="{ComponentResourceKey
            TypeInTargetAssembly={x:Type local:CustomCanvas},
            ResourceId=CanvasIllustrator}" 
            Width="633.025"
            Height="521.605">
        <Canvas>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="2.0" Stroke="#ffff753e" StrokeMiterLimit="1.0" Fill="#ff9cff3e" Data="F1 M 442.163,358.895 L 71.110,358.895 L 71.110,68.105 L 442.163,68.105 L 442.163,358.895 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="2.0" Stroke="#fffcff3e" StrokeMiterLimit="1.0" Fill="#ff5eff60" Data="F1 M 336.899,191.131 C 336.899,296.138 295.957,381.263 245.452,381.263 C 194.947,381.263 154.005,296.138 154.005,191.131 C 154.005,86.125 194.947,1.000 245.452,1.000 C 295.957,1.000 336.899,86.125 336.899,191.131 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="5.0" Stroke="#ffff7e9e" StrokeMiterLimit="1.0" Fill="#ff5e8eff" Data="F1 M 177.689,512.841 L 64.724,519.030 L 2.882,424.292 L 54.006,323.369 L 166.971,317.180 L 228.813,411.917 L 177.689,512.841 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="4.0" Stroke="#ff000000" StrokeMiterLimit="1.0" Fill="#ffff0000" Data="F1 M 629.005,70.736 L 585.717,129.127 L 609.277,197.889 L 540.368,174.764 L 482.252,218.419 L 482.951,145.736 L 423.475,103.955 L 492.815,82.160 L 514.172,12.683 L 556.328,71.895 L 629.005,70.736 Z"/>
 
        </Canvas>
    </Canvas>
</ResourceDictionary>

Code xaml lib a mettre dans un dictionary ordinaire appele ReusableDictionary.xaml:

Code xaml :

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
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
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
 
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    x:Name="ReusableDico">
 
 
    <!-- Nota Bene:     dans ReusableDictionary  les "key" sont normales c.à.d les string habituelles-->
 
    <!-- Generated by Adobe Illustrator CS -> XAML Export Plug-In Version 0.19 PC   -->
    <!-- For questions, contact Mike Swanson: http://www.mikeswanson.com/XAMLExport -->
    <Canvas 
            x:Key="CanvasIllustrator1"
            Width="788.431" 
            Height="1107.213">
        <Canvas>
 
            <!-- Calque 1/<Tracé> -->
            <Path Opacity="0.3" Fill="#ff3265ff" Data=" M 0.496,0.496 L 0.496,1106.717 L 787.935,1106.717 L 787.935,0.496 L 0.496,0.496"/>
 
            <!-- Calque 1/<Tracé transparent> -->
            <Path Opacity="0.3" Fill="#ff000000" Data="F1 M 0.000,0.496 C 0.000,0.248 0.248,0.000 0.496,0.000 L 787.935,0.000 C 788.244,0.000 788.431,0.248 788.431,0.496 L 788.431,1106.717 C 788.431,1106.965 788.244,1107.213 787.935,1107.213 L 0.496,1107.213 C 0.248,1107.213 0.000,1106.965 0.000,1106.717 L 0.000,0.496 Z M 0.992,1106.717 L 0.496,1106.221 L 787.935,1106.221 L 787.438,1106.717 L 787.438,0.496 L 787.935,0.992 L 0.496,0.992 L 0.992,0.496 L 0.992,1106.717 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffff0000" Data=" M 152.354,212.377 L 152.354,341.726 L 281.764,341.726 L 281.764,212.377 L 152.354,212.377 L 152.354,212.377 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff000000" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 152.354,341.726 L 281.764,341.726 L 281.764,212.377 L 152.354,212.377 L 152.354,341.726 L 152.354,341.726 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 210.517,266.758 L 210.517,212.377 L 199.231,212.377 L 199.231,266.758 L 152.354,266.758 L 152.354,277.981 L 199.231,277.981 L 199.231,341.726 L 210.517,341.726 L 210.517,277.981 L 281.764,277.981 L 281.764,266.758 L 210.517,266.758 L 210.517,266.758 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff000000" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 210.517,266.758 L 210.517,212.377 L 199.231,212.377 L 199.231,266.758 L 152.354,266.758 L 152.354,277.981 L 199.231,277.981 L 199.231,341.726 L 210.517,341.726 L 210.517,277.981 L 281.764,277.981 L 281.764,266.758 L 210.517,266.758 L 210.517,266.758 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ff98cb00" Data=" M 209.525,761.705 L 209.525,891.053 L 338.935,891.053 L 338.935,761.705 L 209.525,761.705 L 209.525,761.705 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff000000" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 209.525,891.053 L 338.935,891.053 L 338.935,761.705 L 209.525,761.705 L 209.525,891.053 L 209.525,891.053 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffff00" Data=" M 277.361,867.924 L 333.603,828.549 L 275.501,783.594 L 217.338,828.549 L 277.361,867.924 L 277.361,867.924 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff000000" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 277.361,867.924 L 333.603,828.549 L 275.501,783.594 L 217.338,828.549 L 277.361,867.924 L 277.361,867.924 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ff323298" Data=" M 290.507,826.689 C 290.507,818.441 283.748,811.684 275.501,811.684 C 267.192,811.684 260.495,818.441 260.495,826.689 C 260.495,834.998 267.192,841.695 275.501,841.695 C 283.748,841.695 290.507,834.998 290.507,826.689"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff000000" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 290.507,826.689 C 290.507,818.441 283.748,811.684 275.501,811.684 C 267.192,811.684 260.495,818.441 260.495,826.689 C 260.495,834.998 267.192,841.695 275.501,841.695 C 283.748,841.695 290.507,834.998 290.507,826.689"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffff0000" Data=" M 532.958,258.325 L 532.958,387.673 L 662.368,387.673 L 662.368,258.325 L 532.958,258.325 L 532.958,258.325 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.3" Stroke="#ff000000" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 532.958,387.673 L 662.368,387.673 L 662.368,258.325 L 532.958,258.325 L 532.958,387.673 L 532.958,387.673 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ff0000ff" Data=" M 533.888,259.255 L 533.888,325.790 L 599.927,325.790 L 599.927,259.255 L 533.888,259.255 L 533.888,259.255 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 539.158,269.858 L 541.453,268.060 L 544.058,269.734 L 543.871,266.820 L 545.917,264.774 L 543.127,264.092 L 541.329,261.301 L 539.841,264.092 L 536.803,265.084 L 539.469,266.634 L 539.158,269.858 L 539.158,269.858 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 539.158,269.858 L 541.453,268.060 L 544.058,269.734 L 543.871,266.820 L 545.917,264.774 L 543.127,264.092 L 541.329,261.301 L 539.841,264.092 L 536.803,265.084 L 539.469,266.634 L 539.158,269.858 L 539.158,269.858 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 549.638,269.858 L 551.933,268.060 L 554.599,269.734 L 554.351,266.820 L 556.396,264.774 L 553.606,264.092 L 551.809,261.301 L 550.320,264.092 L 547.281,265.084 L 549.948,266.634 L 549.638,269.858 L 549.638,269.858 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 549.638,269.858 L 551.933,268.060 L 554.599,269.734 L 554.351,266.820 L 556.396,264.774 L 553.606,264.092 L 551.809,261.301 L 550.320,264.092 L 547.281,265.084 L 549.948,266.634 L 549.638,269.858 L 549.638,269.858 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 559.436,269.858 L 561.729,268.060 L 564.334,269.734 L 564.086,266.820 L 566.132,264.774 L 563.342,264.092 L 561.544,261.301 L 560.056,264.092 L 557.017,265.084 L 559.684,266.634 L 559.436,269.858 L 559.436,269.858 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 559.436,269.858 L 561.729,268.060 L 564.334,269.734 L 564.086,266.820 L 566.132,264.774 L 563.342,264.092 L 561.544,261.301 L 560.056,264.092 L 557.017,265.084 L 559.684,266.634 L 559.436,269.858 L 559.436,269.858 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 569.604,269.858 L 571.898,268.060 L 574.503,269.734 L 574.255,266.820 L 576.363,264.774 L 573.511,264.092 L 571.713,261.301 L 570.225,264.092 L 567.248,265.084 L 569.915,266.634 L 569.604,269.858 L 569.604,269.858 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 569.604,269.858 L 571.898,268.060 L 574.503,269.734 L 574.255,266.820 L 576.363,264.774 L 573.511,264.092 L 571.713,261.301 L 570.225,264.092 L 567.248,265.084 L 569.915,266.634 L 569.604,269.858 L 569.604,269.858 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 580.084,269.858 L 582.378,268.060 L 584.982,269.734 L 584.797,266.820 L 586.843,264.774 L 584.053,264.092 L 582.254,261.301 L 580.766,264.092 L 577.728,265.084 L 580.394,266.634 L 580.084,269.858 L 580.084,269.858 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 580.084,269.858 L 582.378,268.060 L 584.982,269.734 L 584.797,266.820 L 586.843,264.774 L 584.053,264.092 L 582.254,261.301 L 580.766,264.092 L 577.728,265.084 L 580.394,266.634 L 580.084,269.858 L 580.084,269.858 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 589.819,269.858 L 592.113,268.060 L 594.779,269.734 L 594.531,266.820 L 596.578,264.774 L 593.788,264.092 L 591.989,261.301 L 590.501,264.092 L 587.463,265.084 L 590.129,266.634 L 589.819,269.858 L 589.819,269.858 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 589.819,269.858 L 592.113,268.060 L 594.779,269.734 L 594.531,266.820 L 596.578,264.774 L 593.788,264.092 L 591.989,261.301 L 590.501,264.092 L 587.463,265.084 L 590.129,266.634 L 589.819,269.858 L 589.819,269.858 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 539.282,280.338 L 541.577,278.540 L 544.182,280.214 L 543.995,277.361 L 546.042,275.315 L 543.189,274.633 L 541.453,271.781 L 539.902,274.633 L 536.927,275.563 L 539.593,277.113 L 539.282,280.338 L 539.282,280.338 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 539.282,280.338 L 541.577,278.540 L 544.182,280.214 L 543.995,277.361 L 546.042,275.315 L 543.189,274.633 L 541.453,271.781 L 539.902,274.633 L 536.927,275.563 L 539.593,277.113 L 539.282,280.338 L 539.282,280.338 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 549.762,280.338 L 552.057,278.540 L 554.723,280.214 L 554.475,277.361 L 556.521,275.315 L 553.730,274.633 L 551.933,271.781 L 550.444,274.633 L 547.405,275.563 L 550.072,277.113 L 549.762,280.338 L 549.762,280.338 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 549.762,280.338 L 552.057,278.540 L 554.723,280.214 L 554.475,277.361 L 556.521,275.315 L 553.730,274.633 L 551.933,271.781 L 550.444,274.633 L 547.405,275.563 L 550.072,277.113 L 549.762,280.338 L 549.762,280.338 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 559.497,280.338 L 561.792,278.540 L 564.458,280.214 L 564.210,277.361 L 566.256,275.315 L 563.466,274.633 L 561.667,271.781 L 560.180,274.633 L 557.141,275.563 L 559.808,277.113 L 559.497,280.338 L 559.497,280.338 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 559.497,280.338 L 561.792,278.540 L 564.458,280.214 L 564.210,277.361 L 566.256,275.315 L 563.466,274.633 L 561.667,271.781 L 560.180,274.633 L 557.141,275.563 L 559.808,277.113 L 559.497,280.338 L 559.497,280.338 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 569.729,280.338 L 572.022,278.540 L 574.627,280.214 L 574.379,277.361 L 576.426,275.315 L 573.635,274.633 L 571.837,271.781 L 570.349,274.633 L 567.311,275.563 L 569.977,277.113 L 569.729,280.338 L 569.729,280.338 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 569.729,280.338 L 572.022,278.540 L 574.627,280.214 L 574.379,277.361 L 576.426,275.315 L 573.635,274.633 L 571.837,271.781 L 570.349,274.633 L 567.311,275.563 L 569.977,277.113 L 569.729,280.338 L 569.729,280.338 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 580.208,280.338 L 582.502,278.540 L 585.106,280.214 L 584.921,277.361 L 586.967,275.315 L 584.114,274.633 L 582.378,271.781 L 580.890,274.633 L 577.852,275.563 L 580.518,277.113 L 580.208,280.338 L 580.208,280.338 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 580.208,280.338 L 582.502,278.540 L 585.106,280.214 L 584.921,277.361 L 586.967,275.315 L 584.114,274.633 L 582.378,271.781 L 580.890,274.633 L 577.852,275.563 L 580.518,277.113 L 580.208,280.338 L 580.208,280.338 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 589.943,280.338 L 592.237,278.540 L 594.903,280.214 L 594.655,277.361 L 596.702,275.315 L 593.911,274.633 L 592.113,271.781 L 590.625,274.633 L 587.587,275.563 L 590.253,277.113 L 589.943,280.338 L 589.943,280.338 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 589.943,280.338 L 592.237,278.540 L 594.903,280.214 L 594.655,277.361 L 596.702,275.315 L 593.911,274.633 L 592.113,271.781 L 590.625,274.633 L 587.587,275.563 L 590.253,277.113 L 589.943,280.338 L 589.943,280.338 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 539.469,290.569 L 541.763,288.771 L 544.430,290.445 L 544.182,287.531 L 546.228,285.484 L 543.438,284.802 L 541.639,282.012 L 540.150,284.802 L 537.112,285.732 L 539.778,287.345 L 539.469,290.569 L 539.469,290.569 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 539.469,290.569 L 541.763,288.771 L 544.430,290.445 L 544.182,287.531 L 546.228,285.484 L 543.438,284.802 L 541.639,282.012 L 540.150,284.802 L 537.112,285.732 L 539.778,287.345 L 539.469,290.569 L 539.469,290.569 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 549.948,290.569 L 552.305,288.771 L 554.908,290.445 L 554.661,287.531 L 556.707,285.484 L 553.917,284.802 L 552.118,282.012 L 550.630,284.802 L 547.592,285.732 L 550.258,287.345 L 549.948,290.569 L 549.948,290.569 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 549.948,290.569 L 552.305,288.771 L 554.908,290.445 L 554.661,287.531 L 556.707,285.484 L 553.917,284.802 L 552.118,282.012 L 550.630,284.802 L 547.592,285.732 L 550.258,287.345 L 549.948,290.569 L 549.948,290.569 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 559.745,290.569 L 562.040,288.771 L 564.644,290.445 L 564.396,287.531 L 566.504,285.484 L 563.651,284.802 L 561.854,282.012 L 560.365,284.802 L 557.389,285.732 L 560.056,287.345 L 559.745,290.569 L 559.745,290.569 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 559.745,290.569 L 562.040,288.771 L 564.644,290.445 L 564.396,287.531 L 566.504,285.484 L 563.651,284.802 L 561.854,282.012 L 560.365,284.802 L 557.389,285.732 L 560.056,287.345 L 559.745,290.569 L 559.745,290.569 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 569.915,290.569 L 572.209,288.771 L 574.813,290.445 L 574.627,287.531 L 576.674,285.484 L 573.821,284.802 L 572.085,282.012 L 570.597,284.802 L 567.559,285.732 L 570.225,287.345 L 569.915,290.569 L 569.915,290.569 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 569.915,290.569 L 572.209,288.771 L 574.813,290.445 L 574.627,287.531 L 576.674,285.484 L 573.821,284.802 L 572.085,282.012 L 570.597,284.802 L 567.559,285.732 L 570.225,287.345 L 569.915,290.569 L 569.915,290.569 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 580.394,290.569 L 582.688,288.771 L 585.354,290.445 L 585.106,287.531 L 587.152,285.484 L 584.362,284.802 L 582.564,282.012 L 581.076,284.802 L 578.038,285.732 L 580.704,287.345 L 580.394,290.569 L 580.394,290.569 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 580.394,290.569 L 582.688,288.771 L 585.354,290.445 L 585.106,287.531 L 587.152,285.484 L 584.362,284.802 L 582.564,282.012 L 581.076,284.802 L 578.038,285.732 L 580.704,287.345 L 580.394,290.569 L 580.394,290.569 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 590.129,290.569 L 592.485,288.771 L 595.090,290.445 L 594.842,287.531 L 596.888,285.484 L 594.098,284.802 L 592.300,282.012 L 590.812,284.802 L 587.772,285.732 L 590.439,287.345 L 590.129,290.569 L 590.129,290.569 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 590.129,290.569 L 592.485,288.771 L 595.090,290.445 L 594.842,287.531 L 596.888,285.484 L 594.098,284.802 L 592.300,282.012 L 590.812,284.802 L 587.772,285.732 L 590.439,287.345 L 590.129,290.569 L 590.129,290.569 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 540.026,300.242 L 542.321,298.444 L 544.926,300.118 L 544.739,297.204 L 546.786,295.158 L 543.934,294.476 L 542.197,291.685 L 540.709,294.476 L 537.671,295.406 L 540.337,297.018 L 540.026,300.242 L 540.026,300.242 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 540.026,300.242 L 542.321,298.444 L 544.926,300.118 L 544.739,297.204 L 546.786,295.158 L 543.934,294.476 L 542.197,291.685 L 540.709,294.476 L 537.671,295.406 L 540.337,297.018 L 540.026,300.242 L 540.026,300.242 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 550.506,300.242 L 552.801,298.444 L 555.467,300.118 L 555.219,297.204 L 557.265,295.158 L 554.475,294.476 L 552.677,291.685 L 551.188,294.476 L 548.149,295.406 L 550.816,297.018 L 550.506,300.242 L 550.506,300.242 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 550.506,300.242 L 552.801,298.444 L 555.467,300.118 L 555.219,297.204 L 557.265,295.158 L 554.475,294.476 L 552.677,291.685 L 551.188,294.476 L 548.149,295.406 L 550.816,297.018 L 550.506,300.242 L 550.506,300.242 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 560.241,300.242 L 562.598,298.444 L 565.202,300.118 L 564.954,297.204 L 567.000,295.158 L 564.210,294.476 L 562.411,291.685 L 560.924,294.476 L 557.885,295.406 L 560.552,297.018 L 560.241,300.242 L 560.241,300.242 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 560.241,300.242 L 562.598,298.444 L 565.202,300.118 L 564.954,297.204 L 567.000,295.158 L 564.210,294.476 L 562.411,291.685 L 560.924,294.476 L 557.885,295.406 L 560.552,297.018 L 560.241,300.242 L 560.241,300.242 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 570.473,300.242 L 572.767,298.444 L 575.371,300.118 L 575.123,297.204 L 577.170,295.158 L 574.379,294.476 L 572.581,291.685 L 571.093,294.476 L 568.116,295.406 L 570.721,297.018 L 570.473,300.242 L 570.473,300.242 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 570.473,300.242 L 572.767,298.444 L 575.371,300.118 L 575.123,297.204 L 577.170,295.158 L 574.379,294.476 L 572.581,291.685 L 571.093,294.476 L 568.116,295.406 L 570.721,297.018 L 570.473,300.242 L 570.473,300.242 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 580.952,300.242 L 583.246,298.444 L 585.851,300.118 L 585.665,297.204 L 587.711,295.158 L 584.858,294.476 L 583.122,291.685 L 581.634,294.476 L 578.596,295.406 L 581.262,297.018 L 580.952,300.242 L 580.952,300.242 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 580.952,300.242 L 583.246,298.444 L 585.851,300.118 L 585.665,297.204 L 587.711,295.158 L 584.858,294.476 L 583.122,291.685 L 581.634,294.476 L 578.596,295.406 L 581.262,297.018 L 580.952,300.242 L 580.952,300.242 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 590.688,300.242 L 592.981,298.444 L 595.647,300.118 L 595.399,297.204 L 597.446,295.158 L 594.655,294.476 L 592.857,291.685 L 591.369,294.476 L 588.331,295.406 L 590.997,297.018 L 590.688,300.242 L 590.688,300.242 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 590.688,300.242 L 592.981,298.444 L 595.647,300.118 L 595.399,297.204 L 597.446,295.158 L 594.655,294.476 L 592.857,291.685 L 591.369,294.476 L 588.331,295.406 L 590.997,297.018 L 590.688,300.242 L 590.688,300.242 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 540.150,310.722 L 542.445,308.923 L 545.050,310.598 L 544.802,307.745 L 546.909,305.637 L 544.058,304.955 L 542.259,302.165 L 540.771,304.955 L 537.795,305.947 L 540.461,307.497 L 540.150,310.722 L 540.150,310.722 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 540.150,310.722 L 542.445,308.923 L 545.050,310.598 L 544.802,307.745 L 546.909,305.637 L 544.058,304.955 L 542.259,302.165 L 540.771,304.955 L 537.795,305.947 L 540.461,307.497 L 540.150,310.722 L 540.150,310.722 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 550.630,310.722 L 552.925,308.923 L 555.528,310.598 L 555.343,307.745 L 557.389,305.637 L 554.599,304.955 L 552.801,302.165 L 551.313,304.955 L 548.273,305.947 L 550.940,307.497 L 550.630,310.722 L 550.630,310.722 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 550.630,310.722 L 552.925,308.923 L 555.528,310.598 L 555.343,307.745 L 557.389,305.637 L 554.599,304.955 L 552.801,302.165 L 551.313,304.955 L 548.273,305.947 L 550.940,307.497 L 550.630,310.722 L 550.630,310.722 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 560.365,310.722 L 562.659,308.923 L 565.326,310.598 L 565.078,307.745 L 567.124,305.637 L 564.334,304.955 L 562.536,302.165 L 561.048,304.955 L 558.009,305.947 L 560.676,307.497 L 560.365,310.722 L 560.365,310.722 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 560.365,310.722 L 562.659,308.923 L 565.326,310.598 L 565.078,307.745 L 567.124,305.637 L 564.334,304.955 L 562.536,302.165 L 561.048,304.955 L 558.009,305.947 L 560.676,307.497 L 560.365,310.722 L 560.365,310.722 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 570.534,310.722 L 572.891,308.923 L 575.495,310.598 L 575.247,307.745 L 577.294,305.637 L 574.503,304.955 L 572.705,302.165 L 571.217,304.955 L 568.179,305.947 L 570.845,307.497 L 570.534,310.722 L 570.534,310.722 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 570.534,310.722 L 572.891,308.923 L 575.495,310.598 L 575.247,307.745 L 577.294,305.637 L 574.503,304.955 L 572.705,302.165 L 571.217,304.955 L 568.179,305.947 L 570.845,307.497 L 570.534,310.722 L 570.534,310.722 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 581.076,310.722 L 583.370,308.923 L 585.975,310.598 L 585.727,307.745 L 587.835,305.637 L 584.982,304.955 L 583.185,302.165 L 581.696,304.955 L 578.720,305.947 L 581.386,307.497 L 581.076,310.722 L 581.076,310.722 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 581.076,310.722 L 583.370,308.923 L 585.975,310.598 L 585.727,307.745 L 587.835,305.637 L 584.982,304.955 L 583.185,302.165 L 581.696,304.955 L 578.720,305.947 L 581.386,307.497 L 581.076,310.722 L 581.076,310.722 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 590.812,310.722 L 593.105,308.923 L 595.710,310.598 L 595.523,307.745 L 597.570,305.637 L 594.779,304.955 L 592.981,302.165 L 591.493,304.955 L 588.455,305.947 L 591.121,307.497 L 590.812,310.722 L 590.812,310.722 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 590.812,310.722 L 593.105,308.923 L 595.710,310.598 L 595.523,307.745 L 597.570,305.637 L 594.779,304.955 L 592.981,302.165 L 591.493,304.955 L 588.455,305.947 L 591.121,307.497 L 590.812,310.722 L 590.812,310.722 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 540.337,320.953 L 542.631,319.155 L 545.235,320.767 L 545.050,317.915 L 547.096,315.868 L 544.306,315.186 L 542.507,312.396 L 541.019,315.186 L 537.980,316.116 L 540.646,317.729 L 540.337,320.953 L 540.337,320.953 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 540.337,320.953 L 542.631,319.155 L 545.235,320.767 L 545.050,317.915 L 547.096,315.868 L 544.306,315.186 L 542.507,312.396 L 541.019,315.186 L 537.980,316.116 L 540.646,317.729 L 540.337,320.953 L 540.337,320.953 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 550.816,320.953 L 553.110,319.155 L 555.776,320.767 L 555.528,317.915 L 557.575,315.868 L 554.784,315.186 L 552.986,312.396 L 551.498,315.186 L 548.460,316.116 L 551.126,317.729 L 550.816,320.953 L 550.816,320.953 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 550.816,320.953 L 553.110,319.155 L 555.776,320.767 L 555.528,317.915 L 557.575,315.868 L 554.784,315.186 L 552.986,312.396 L 551.498,315.186 L 548.460,316.116 L 551.126,317.729 L 550.816,320.953 L 550.816,320.953 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 560.613,320.953 L 562.907,319.155 L 565.512,320.767 L 565.264,317.915 L 567.311,315.868 L 564.520,315.186 L 562.722,312.396 L 561.233,315.186 L 558.257,316.116 L 560.861,317.729 L 560.613,320.953 L 560.613,320.953 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 560.613,320.953 L 562.907,319.155 L 565.512,320.767 L 565.264,317.915 L 567.311,315.868 L 564.520,315.186 L 562.722,312.396 L 561.233,315.186 L 558.257,316.116 L 560.861,317.729 L 560.613,320.953 L 560.613,320.953 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 570.782,320.953 L 573.077,319.155 L 575.682,320.767 L 575.434,317.915 L 577.542,315.868 L 574.689,315.186 L 572.891,312.396 L 571.402,315.186 L 568.427,316.116 L 571.093,317.729 L 570.782,320.953 L 570.782,320.953 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 570.782,320.953 L 573.077,319.155 L 575.682,320.767 L 575.434,317.915 L 577.542,315.868 L 574.689,315.186 L 572.891,312.396 L 571.402,315.186 L 568.427,316.116 L 571.093,317.729 L 570.782,320.953 L 570.782,320.953 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 581.262,320.953 L 583.557,319.155 L 586.223,320.767 L 585.975,317.915 L 588.021,315.868 L 585.230,315.186 L 583.433,312.396 L 581.944,315.186 L 578.905,316.116 L 581.572,317.729 L 581.262,320.953 L 581.262,320.953 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 581.262,320.953 L 583.557,319.155 L 586.223,320.767 L 585.975,317.915 L 588.021,315.868 L 585.230,315.186 L 583.433,312.396 L 581.944,315.186 L 578.905,316.116 L 581.572,317.729 L 581.262,320.953 L 581.262,320.953 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 590.997,320.953 L 593.292,319.155 L 595.958,320.767 L 595.710,317.915 L 597.756,315.868 L 594.966,315.186 L 593.167,312.396 L 591.680,315.186 L 588.641,316.116 L 591.308,317.729 L 590.997,320.953 L 590.997,320.953 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff0000ff" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 590.997,320.953 L 593.292,319.155 L 595.958,320.767 L 595.710,317.915 L 597.756,315.868 L 594.966,315.186 L 593.167,312.396 L 591.680,315.186 L 588.641,316.116 L 591.308,317.729 L 590.997,320.953 L 590.997,320.953 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 599.555,278.912 L 599.555,290.197 L 661.376,290.197 L 661.376,278.912 L 599.555,278.912 L 599.555,278.912 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 599.555,258.325 L 599.555,269.548 L 661.376,269.548 L 661.376,258.325 L 599.555,258.325 L 599.555,258.325 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 599.555,301.420 L 599.555,312.644 L 661.376,312.644 L 661.376,301.420 L 599.555,301.420 L 599.555,301.420 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 532.958,325.790 L 532.958,337.075 L 662.368,337.075 L 662.368,325.790 L 532.958,325.790 L 532.958,325.790 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 532.958,367.025 L 532.958,378.310 L 662.368,378.310 L 662.368,367.025 L 532.958,367.025 L 532.958,367.025 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 532.958,346.438 L 532.958,357.662 L 662.368,357.662 L 662.368,346.438 L 532.958,346.438 L 532.958,346.438 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 90.470,532.958 L 90.470,663.609 L 154.276,663.609 L 154.276,532.958 L 90.470,532.958 L 90.470,532.958 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ff98cb00" Data=" M 26.726,532.958 L 26.726,663.609 L 90.470,663.609 L 90.470,532.958 L 26.726,532.958 L 26.726,532.958 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffff6500" Data=" M 91.648,588.021 L 73.479,582.006 L 84.703,597.818 L 73.479,613.630 L 91.648,607.616 L 102.871,623.428 L 102.871,603.833 L 120.978,597.818 L 102.871,591.803 L 102.871,572.208 L 91.648,588.021 L 91.648,588.021 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffff6500" Data=" M 96.670,631.365 C 79.308,627.893 67.899,610.282 71.247,591.990 C 73.666,578.410 83.773,567.806 96.670,565.202 C 79.308,561.730 62.504,573.697 59.218,591.990 C 55.869,610.282 67.279,627.893 84.703,631.365 C 88.671,632.170 92.702,632.170 96.670,631.365"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="8.0" Stroke="#ff000000" StrokeMiterLimit="1.0" Data=" M 596.702,540.461 C 596.702,418.305 497.676,319.217 375.458,319.217 C 253.302,319.217 154.276,418.305 154.276,540.461 C 154.276,662.678 253.302,761.705 375.458,761.705 C 497.676,761.705 596.702,662.678 596.702,540.461">
                <Path.Fill>
                    <RadialGradientBrush MappingMode="Absolute" GradientOrigin="381.489,375.539" Center="381.489,375.539" RadiusX="221.229" RadiusY="221.229">
                        <RadialGradientBrush.GradientStops>
                            <GradientStop Offset="0.00" Color="#ffff0000"/>
                            <GradientStop Offset="0.07" Color="#ffff3f00"/>
                            <GradientStop Offset="0.20" Color="#ffff7e00"/>
                            <GradientStop Offset="0.29" Color="#ffff9e00"/>
                            <GradientStop Offset="0.40" Color="#ffffbe00"/>
                            <GradientStop Offset="0.49" Color="#ffb8db07"/>
                            <GradientStop Offset="0.59" Color="#ff72f70e"/>
                            <GradientStop Offset="0.71" Color="#ff39cb6a"/>
                            <GradientStop Offset="0.81" Color="#ff009fc5"/>
                            <GradientStop Offset="0.91" Color="#ff2057cb"/>
                            <GradientStop Offset="1.00" Color="#ff410fd1"/>
                        </RadialGradientBrush.GradientStops>
                        <RadialGradientBrush.Transform>
                            <MatrixTransform Matrix="1.000,0.000,-0.000,-1.000,-6.000,916.000" />
                        </RadialGradientBrush.Transform>
                    </RadialGradientBrush>
                </Path.Fill>
            </Path>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="0.9" Stroke="#ff000000" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round" Data="F1 M 596.702,540.461 C 596.702,418.305 497.676,319.217 375.458,319.217 C 253.302,319.217 154.276,418.305 154.276,540.461 C 154.276,662.678 253.302,761.705 375.458,761.705 C 497.676,761.705 596.702,662.678 596.702,540.461"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ff0000ff" Data=" M 585.479,616.048 L 585.479,746.699 L 627.458,746.699 L 627.458,616.048 L 585.479,616.048 L 585.479,616.048 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffffffff" Data=" M 628.202,616.048 L 628.202,746.699 L 670.182,746.699 L 670.182,616.048 L 628.202,616.048 L 628.202,616.048 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path Fill="#ffff0000" Data=" M 670.987,616.048 L 670.987,746.699 L 712.967,746.699 L 712.967,616.048 L 670.987,616.048 L 670.987,616.048 Z"/>
 
        </Canvas>
    </Canvas>
    <Canvas 
            x:Key="CanvasIllustrator2" 
            Width="633.025"
            Height="521.605">
        <Canvas>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="2.0" Stroke="#ffff753e" StrokeMiterLimit="1.0" Fill="#ff9cff3e" Data="F1 M 442.163,358.895 L 71.110,358.895 L 71.110,68.105 L 442.163,68.105 L 442.163,358.895 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="2.0" Stroke="#fffcff3e" StrokeMiterLimit="1.0" Fill="#ff5eff60" Data="F1 M 336.899,191.131 C 336.899,296.138 295.957,381.263 245.452,381.263 C 194.947,381.263 154.005,296.138 154.005,191.131 C 154.005,86.125 194.947,1.000 245.452,1.000 C 295.957,1.000 336.899,86.125 336.899,191.131 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="5.0" Stroke="#ffff7e9e" StrokeMiterLimit="1.0" Fill="#ff5e8eff" Data="F1 M 177.689,512.841 L 64.724,519.030 L 2.882,424.292 L 54.006,323.369 L 166.971,317.180 L 228.813,411.917 L 177.689,512.841 Z"/>
 
            <!-- Calque 1/<Tracé> -->
            <Path StrokeThickness="4.0" Stroke="#ff000000" StrokeMiterLimit="1.0" Fill="#ffff0000" Data="F1 M 629.005,70.736 L 585.717,129.127 L 609.277,197.889 L 540.368,174.764 L 482.252,218.419 L 482.951,145.736 L 423.475,103.955 L 492.815,82.160 L 514.172,12.683 L 556.328,71.895 L 629.005,70.736 Z"/>
 
        </Canvas>
    </Canvas>
</ResourceDictionary>

il faut rajouter dans le projet Lib un dossier de resource Images.

ci-apres le projet de test WinForm:
Code xaml du WinForm 1(utilise la "key" ComponentResourceKey pour charger une resource en lib):

Code xaml :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<Window x:Class="WpfAppTestLibCSharp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:res="clr-namespace:WpfLibResourcesDLL;assembly=WpfLibResourcesDLL"
        Title="Test ComponentResourceKey" Height="350" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <Button
            Grid.Row="0"
            Background="{DynamicResource {ComponentResourceKey
            TypeInTargetAssembly={x:Type res:CustomResources}, 
            ResourceId=SadTileBrush}}"
            Padding="5" 
            Margin="5" 
            FontWeight="Bold" 
            FontSize="14"
            Content="A Resource From ResourceLibrary">
 
        </Button>
        <!--un ContentControl pour afficher mon canvas dessine sur Adobe Photoshop Illustrator-->
        <ScrollViewer
             Grid.Row="1">
            <ContentControl
                    x:Name="myContentControl"
                    Content="{DynamicResource {ComponentResourceKey
                    TypeInTargetAssembly={x:Type res:CustomCanvas}, 
                    ResourceId=CanvasIllustrator}}">
            </ContentControl>
        </ScrollViewer>
    </Grid>
</Window>

Code xaml du WinForm2(utilise la "key" string habituelle selectionne dans un listbox dans le code-behind de ce winform pour charger une resource en lib):

Code xaml :

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
23
24
25
26
27
28
29
30
31
 
<Window x:Class="WpfAppTestLibCSharp.WindowTestReusableDico"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Test  ReusableDico" Height="300" Width="300">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="30"></RowDefinition>
            <RowDefinition Height="30"></RowDefinition>
        </Grid.RowDefinitions>
        <ScrollViewer>
            <!--ContentControl sert de receptacle pour le contenu resource dynamique-->
            <!--charge depuis ReusableDictionary.xaml-->
            <ContentControl
                Grid.Row="0"
                x:Name="myContentControl"
               >
            </ContentControl>
        </ScrollViewer>
        <!--ListBox de selection d'un "key"  à partir des listes de "key"-->
        <!--store  dans le class Utilitaire MyDictionary =>voir code-behind du form-->
        <ListBox  
            x:Name="myListBox"
             Grid.Row="1"
             ItemsSource="{Binding}"
             SelectionChanged="ListBoxContent_SelectionChanged"
             Margin="84,0,84,0">
        </ListBox  >
    </Grid>
</Window>

code-behind du WinForm 2:

Code c# :

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
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
 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;
using WpfLibResourcesDLL;
 
namespace WpfAppTestLibCSharp
{
    /// <summary>
    /// Logique d'interaction pour WindowTestReusableDico.xaml
    /// </summary>
    public partial class WindowTestReusableDico : Window
    {
        private UtilityMyDictionary objMyDictionary ;
        private ResourceDictionary objDico;
        public WindowTestReusableDico()
        {
            InitializeComponent();
            objMyDictionary = new UtilityMyDictionary();
            objDico = objMyDictionary.Dico;
            this.myListBox.ItemsSource = objDico.Keys;
        }
 
        private void ListBoxContent_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            ListBox lb=(ListBox)sender;
            string  keyStr =(string)lb.SelectedValue;
 
            if( !String.IsNullOrWhiteSpace(keyStr))
            {
                Canvas cnv = (Canvas)objDico[keyStr];
                this.myContentControl.Content = cnv;
 
            }
 
        }
    }
}

N'oublie pas d'ajouter une reference au projet lib dans le projet de test.
Pour l'exemple j'ai dessine le contenu de mes canvas dans adobe illustrator avec le plug-in cite dans le lien et je les ai exporte en fichier xaml et copier coller dans les dico .......
Bon code............................

Charger dynamiquement des graphiques XAML

Windows Presentation Foundation

Discussions similaires

Partager

Partager