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> |
[Silverlight 1.0] Un path fais bugger l'anim
Répondre avec citation
Partager