[Silverlight 1.0] Un path fais bugger l'anim

**Shadow69** · 12/04/2008, 16h03

Bonjour,

Je fais mes premiers pas en silverlight et je me confronte a la première difficulté: Je me suis fais une petite application qui va comprendre un lecteur multimédia, bref je fais mes dessins vectoriels sous Design, j'exporte ensuite sur Blend et la j'me dis que j'vais tester...

Et du coup bein une erreur incompréhensible:
ParserError- Unknown attribute Ignorable on element Canvas.
File: page.xaml, line 8 character 18

Je pense que cela est du aux tracés que j'ai réalisés, étant donné que cette erreur n'étais pas présente avant :s. Merci d'avance de votre aide

PS: voici le code xaml

Code :

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
 
<Canvas
	xmlns="http://schemas.microsoft.com/client/2007"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	Width="640" Height="480"
	x:Name="Page"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d">
	<Canvas.Resources>
		<Storyboard x:Name="sb_btnPlay_mouseEnter">
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="fond_play" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00" Value="#FF72BDFB"/>
				<SplineColorKeyFrame KeyTime="00:00:01" Value="#1C72BDFB"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="fond_play" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
				<SplineColorKeyFrame KeyTime="00:00:01" Value="#FF03192B"/>
			</ColorAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="fond_play" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Offset)">
				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="fond_play" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Offset)">
				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="sb_btnPlay_mouseLeave">
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="fond_play" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
				<SplineColorKeyFrame KeyTime="00:00:01" Value="#FF72BDFB"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="fond_play" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
				<SplineColorKeyFrame KeyTime="00:00:01" Value="#FF03192B"/>
			</ColorAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="fond_play" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Offset)">
				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="fond_play" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Offset)">
				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</Canvas.Resources>
	<Canvas.Background>
		<LinearGradientBrush EndPoint="0.972,0.981" StartPoint="0.656,0.412">
			<GradientStop Color="#FF242424" Offset="0"/>
			<GradientStop Color="#FF343434" Offset="0.991"/>
		</LinearGradientBrush>
	</Canvas.Background>
	<Canvas x:Name="btnAvant" Width="22.171" Height="12.712" RenderTransformOrigin="0.5,0.5" Canvas.Left="496.725" Canvas.Top="86.601">
		<Canvas.RenderTransform>
			<TransformGroup>
				<ScaleTransform ScaleX="1.3" ScaleY="1.3"/>
				<SkewTransform AngleX="0" AngleY="0"/>
				<RotateTransform Angle="0"/>
				<TranslateTransform X="0" Y="0"/>
			</TransformGroup>
		</Canvas.RenderTransform>
		<Path d:LayoutRect="191.5,191.5,225,129" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF393939" Data="F1 M 352,320L 192,320L 192,192L 352,192C 362.667,192 373.333,192 384,197.333C 394.667,202.667 405.333,213.333 410.667,224C 416,234.667 416,245.333 416,256C 416,266.667 416,277.333 410.667,288C 405.333,298.667 394.667,309.333 384,314.667C 373.333,320 362.667,320 352,320 Z " x:Name="fond_btnAvant" Width="22.171" Height="12.712">
			<Path.Fill>
				<LinearGradientBrush EndPoint="-0.068,1.153" StartPoint="0.783,-0.169">
					<GradientStop Color="#FF03192B" Offset="0"/>
					<GradientStop Color="#FF72BDFB" Offset="1"/>
				</LinearGradientBrush>
			</Path.Fill>
		</Path>
		<Path d:LayoutRect="191.5,191.5,225,129" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF393939" Data="F1 M 352,320L 192,320L 192,192L 352,192C 362.667,192 373.333,192 384,197.333C 394.667,202.667 405.333,213.333 410.667,224C 416,234.667 416,245.333 416,256C 416,266.667 416,277.333 410.667,288C 405.333,298.667 394.667,309.333 384,314.667C 373.333,320 362.667,320 352,320 Z " Width="22.171" Height="12.712" x:Name="reflet_btnAvant" Opacity="0.235">
			<Path.Fill>
				<LinearGradientBrush EndPoint="-0.068,1.153" StartPoint="0.783,-0.169">
					<GradientStop Color="#4BFFFFFF" Offset="0"/>
					<GradientStop Color="#FF7E7E7E" Offset="1"/>
				</LinearGradientBrush>
			</Path.Fill>
		</Path>
		<Path Fill="#68000000" x:Name="icone_btnAvant" Width="4.034" Height="5.128" RenderTransformOrigin="0.5,0.5" Stretch="Fill" Stroke="#4DFFFFFF" Data="M479.95677,134.52647 L465.27543,126.23771 C465.27543,126.23771 464.90691,145.66857 464.90691,145.66857 z" Canvas.Left="5.061" Canvas.Top="5.801">
			<Path.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="1" ScaleY="1"/>
					<SkewTransform AngleX="0" AngleY="0"/>
					<RotateTransform Angle="237.404"/>
					<TranslateTransform X="0.98969470617539557" Y="-2.3044900010980243"/>
				</TransformGroup>
			</Path.RenderTransform>
		</Path>
		<Path x:Name="barre_btnAvant" Width="1.458" Height="3.845" Fill="#68000000" Stretch="Fill" Stroke="#4DFFFFFF" Canvas.Left="12.147" Canvas.Top="4.628" Data="M457.1835,100.2845 C456.899,99.715505 457.06233,95.422731 457.06233,95.422731 L458.38865,95.280727 458.34173,99.832424 458.38911,100.54363 457.67863,100.49637 457.25207,100.44895 z"/>
	</Canvas>
	<Canvas x:Name="btnPlay" Width="36" Height="36" RenderTransformOrigin="0.5,0.5" Canvas.Left="466.245" Canvas.Top="75.843">
		<Canvas.RenderTransform>
			<TransformGroup>
				<ScaleTransform ScaleX="0.8" ScaleY="0.8"/>
				<SkewTransform AngleX="0" AngleY="0"/>
				<RotateTransform Angle="0"/>
				<TranslateTransform X="0" Y="0"/>
			</TransformGroup>
		</Canvas.RenderTransform>
		<Ellipse Width="36" Height="36" x:Name="fond_play" Stroke="#FF000000">
			<Ellipse.Fill>
				<LinearGradientBrush EndPoint="0.53,0.968" StartPoint="0.5,0.083">
					<GradientStop Color="#FF72BDFB" Offset="1"/>
					<GradientStop Color="#FF03192B" Offset="0"/>
				</LinearGradientBrush>
			</Ellipse.Fill>
		</Ellipse>
		<Path x:Name="reflet_play" Width="36" Height="24.26" Stretch="Fill" Data="M36,18 C36,27.941125 29.146287,24.133332 19.882629,19.620213 10.945679,15.266261 0,27.941125 0,18 0,8.0588745 8.0588745,0 18,0 27.941125,0 36,8.0588745 36,18 z">
			<Path.Fill>
				<LinearGradientBrush EndPoint="0.502,0.912" StartPoint="0.492,0.052">
					<GradientStop Color="#7FFFFFFF" Offset="0"/>
					<GradientStop Color="#00FFFFFF" Offset="0.991"/>
				</LinearGradientBrush>
			</Path.Fill>
		</Path>
		<Path Fill="#68000000" x:Name="icone_play" Width="12.758" Height="16.215" RenderTransformOrigin="0.5,0.5" Stretch="Fill" Stroke="#4DFFFFFF" Canvas.Left="9.472" Canvas.Top="10.931" Data="M479.95677,134.52647 L465.27543,126.23771 C465.27543,126.23771 464.90691,145.66857 464.90691,145.66857 z">
			<Path.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="1" ScaleY="1"/>
					<SkewTransform AngleX="0" AngleY="0"/>
					<RotateTransform Angle="237.782"/>
					<TranslateTransform X="0.98969470617539557" Y="-2.3044900010980243"/>
				</TransformGroup>
			</Path.RenderTransform>
		</Path>
	</Canvas>
	<Canvas x:Name="btnSound" Width="36" Height="36" RenderTransformOrigin="0.5,0.5" Canvas.Left="521.727" Canvas.Top="76.064">
		<Canvas.RenderTransform>
			<TransformGroup>
				<ScaleTransform ScaleX="0.6" ScaleY="0.6"/>
				<SkewTransform AngleX="0" AngleY="0"/>
				<RotateTransform Angle="0"/>
				<TranslateTransform X="0" Y="0"/>
			</TransformGroup>
		</Canvas.RenderTransform>
		<Ellipse x:Name="fond_sound" d:LayoutRect="237.521,170.667,57,57" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Width="36" Height="36">
			<Ellipse.Fill>
				<LinearGradientBrush StartPoint="-0.00892857,0.5" EndPoint="1.00893,0.5">
					<GradientStop Color="#FF03192B" Offset="0"/>
					<GradientStop Color="#FF72BDFB" Offset="1"/>
				</LinearGradientBrush>
			</Ellipse.Fill>
		</Ellipse>
		<Path x:Name="reflet_sound" Width="36" Height="24.26" Stretch="Fill" Data="M36,18 C36,27.941125 29.146287,24.133332 19.882629,19.620213 10.945679,15.266261 0,27.941125 0,18 0,8.0588745 8.0588745,0 18,0 27.941125,0 36,8.0588745 36,18 z">
			<Path.Fill>
				<LinearGradientBrush EndPoint="0.502,0.912" StartPoint="0.492,0.052">
					<GradientStop Color="#7FFFFFFF" Offset="0"/>
					<GradientStop Color="#00FFFFFF" Offset="0.991"/>
				</LinearGradientBrush>
			</Path.Fill>
		</Path>
		<Path d:LayoutRect="255.5,194.749,97,95.8407" Stretch="Fill" StrokeLineJoin="Round" Stroke="#4BFFFFFF" Fill="#67000000" Data="F1 M 256,245.293C 256,255.361 256,264.278 261.333,265.223C 266.667,266.168 277.333,259.141 293.333,265.35C 309.333,271.558 330.667,291.001 341.333,290.056C 352,289.111 352,267.778 352,251.778C 352,235.778 352,225.111 352,214.444C 352,203.778 352,193.111 341.333,195.619C 330.667,198.127 309.333,213.81 293.333,218.866C 277.333,223.923 266.667,218.353 261.333,221.178C 256,224.004 256,235.224 256,245.293 Z " x:Name="soundVoice" Width="20.514" Height="20.268" StrokeThickness="1" Canvas.Left="2.593" Canvas.Top="7.951"/>
		<Path d:LayoutRect="358.954,217.073,28.6285,54.8218" Stretch="Fill" StrokeLineJoin="Round" Fill="#FF000000" Data="F1 M 359.705,217.573C 374.826,217.573 387.083,229.831 387.083,244.951C 387.083,260.072 377.525,271.395 362.404,271.395C 358.548,271.395 380.917,260.072 380.917,244.951C 380.917,229.831 356.749,217.573 359.705,217.573 Z " x:Name="soundWave1" Width="5.108" Height="13.112" RenderTransformOrigin="0.5,0.5" Canvas.Left="23.509" Canvas.Top="11.927">
			<Path.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="1" ScaleY="1"/>
					<SkewTransform AngleX="0" AngleY="0"/>
					<RotateTransform Angle="3.62"/>
					<TranslateTransform X="0" Y="0"/>
				</TransformGroup>
			</Path.RenderTransform>
		</Path>
		<Path d:LayoutRect="362.849,206.708,38.7424,74.5242" Stretch="Fill" StrokeLineJoin="Round" Data="F1 M 363.692,207.208C 384.347,207.208 401.092,223.953 401.092,244.608C 401.092,265.264 388.034,280.732 367.379,280.732C 362.111,280.732 392.668,265.264 392.668,244.608C 392.668,223.953 359.653,207.208 363.692,207.208 Z " x:Name="soundWave2" Width="5.202" Height="14.554" RenderTransformOrigin="0.5,0.5" Fill="#FF000000" Canvas.Left="25.194" Canvas.Top="11.062">
			<Path.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="1" ScaleY="1"/>
					<SkewTransform AngleX="-1.4880000000000138" AngleY="0"/>
					<RotateTransform Angle="0"/>
					<TranslateTransform X="0.091" Y="0"/>
				</TransformGroup>
			</Path.RenderTransform>
		</Path>
		<Path d:LayoutRect="372.293,197.916,48.834,94.183" Stretch="Fill" StrokeLineJoin="Round" Fill="#FF000000" Data="F1 M 373.227,198.416C 399.406,198.416 420.627,219.638 420.627,245.816C 420.627,271.994 404.079,291.599 377.901,291.599C 371.225,291.599 409.951,271.994 409.951,245.816C 409.951,219.638 368.109,198.416 373.227,198.416 Z " x:Name="soundWave3" Width="3.67" Height="13.81" Canvas.Left="28.176" Canvas.Top="11.408"/>
	</Canvas>
	<Rectangle x:Name="mediaPlayer" Width="264" Height="94" Canvas.Left="359.774" Canvas.Top="20.633">
		<Rectangle.Stroke>
			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
				<GradientStop Color="#FFDE4E4E" Offset="0"/>
				<GradientStop Color="#FFA32D85" Offset="1"/>
			</LinearGradientBrush>
		</Rectangle.Stroke>
		<Rectangle.Fill>
			<LinearGradientBrush EndPoint="1.001,1.023" StartPoint="-0.063,0.177">
				<GradientStop Color="#4EA132A3" Offset="0"/>
				<GradientStop Color="#24660C0C" Offset="0.991"/>
			</LinearGradientBrush>
		</Rectangle.Fill>
	</Rectangle>
</Canvas>

**Skyounet** · 12/04/2008, 18h06

Et en enlevant cette ligne ?

mc:Ignorable="d"

**Shadow69** · 12/04/2008, 18h59

Une nouvelle erreur :s

ParserError- Unknown attribute LayoutRect on element Path.
File: page.xaml, line 55 character 434

**Thomas Lebrun** · 13/04/2008, 09h06

Si tu enlèves:

mc:Ignorable="d"

Après, dans ton code XAML, il faut que tu enlèves tous les attributs préfixés par d:

**Shadow69** · 13/04/2008, 10h01

Ca fonctionne mais ce que je comprend pas c'est pourquoi, a quoi servaient toutes ces lignes que Blend a rajouté, quand j'ai fais l'export :s

**Thomas Lebrun** · 13/04/2008, 18h38

C'est Expression Design qui a rajouté ces attributs/lignes pour que Blend arrive à les comprendre. Seul pb, ils ne sont pas (encore ?) supportés par Silverlight

[Silverlight 1.0] Un path fais bugger l'anim

Silverlight

Vue hybride

Discussions similaires

Partager

Partager