Discussion :

[Frenchwolf]

Bonjour,

Après plusieurs heures frustrante à chercher comment convertir mon storyboard en code C#, je me tourne vers vous, mon dernier espoir.

Je dois créer une animation dynamiquement en C#. J'ai créer ce que je voulais en Xaml (Expression Blend) pour me donner une idée pour le refaire en C#, mais peine perdu, mes connaissances sont trop mince pour ce boulot.

J'ai une image que j'aimerais animer pour quelle tourne sur elle même et rapetisse pour ensuite revenir à sa forme original.

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
23
24
25
26
27
28
29
30
31
<UserControl.Resources>
		<Storyboard x:Name="Storyboard1">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Effect).(SwirlEffect.TwistAmount)" Storyboard.TargetName="image">
				<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="30"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="image">
				<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0.1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="image">
				<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0.1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</UserControl.Resources>
 
	<Grid x:Name="LayoutRoot" Background="White">
		<Image x:Name="image" HorizontalAlignment="Left" Height="48" Margin="112,112,0,0" Source="orbz_fire.png" Stretch="Fill" VerticalAlignment="Top" Width="48" RenderTransformOrigin="0.5,0.5">
			<Image.RenderTransform>
				<CompositeTransform/>
			</Image.RenderTransform>
			<Image.Effect>
				<ee:SwirlEffect/>
			</Image.Effect>
		</Image>
	</Grid>
</UserControl>

[micka132]

Ici un exemple de "traduction" en code behind:
http://forums.silverlight.net/forums...46/197431.aspx

[Frenchwolf]

Merci pour ce lien, il risque d'être fort utile pour maitriser les StoryBoard à l'aide d'Expression Blend. Pour la section code en VB, si je comprend bien, elle ajoute au StoryBoard deux DoubleAnimation pour changer deux propriétés différente. Sauf que cela est un peu différent de mon problème.

J'aimerais avoir ma propriété qui changerais deux fois, une au début de l'animation et l'autre fois vers le milieu de l'animation.

Aussi, mes recherches pour comprendre comment donner l'effet Twirl par codage n'ont pas été fructueuse.

Ce que j'essaie de faire, c'est un petit jeu simple auquel j'aimerais ajouter des animations de bases pour donner un petit effet qui donnerais un peu plus de vie a mon jeu. Sauf que je suis qu'un petit programmeur perdu sur un océan de code.