Une seule Animation pour mes objets

Version imprimable

Bonjour,
J'ai fait sur Blend une animation d'un textbox.
J'ai donc un Storyboard propre au texbox (..Storyboard.TargetName="textBox"..)
Si je place d'autre objet (label, autre textbox, button) comment leur attribuer cette même animation ?

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<Window
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	x:Class="UntitledProject15.Window1"
	x:Name="Window"
	Title="Window1"
	Width="640" Height="480">
	<Window.Resources>
		<Storyboard x:Key="volet">
			<PointAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="textBox" Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)">
				<SplinePointKeyFrame KeyTime="00:00:00" Value="0.5,0.4"/>
				<SplinePointKeyFrame KeyTime="00:00:00.3000000" Value="0.7,0.4"/>
			</PointAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="textBox" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
				<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="8"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="textBox" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
				<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</Window.Resources>
	<Window.Triggers>
		<EventTrigger RoutedEvent="Control.MouseDoubleClick">
			<BeginStoryboard Storyboard="{StaticResource volet}"/>
		</EventTrigger>
	</Window.Triggers>
 
	<Grid x:Name="LayoutRoot">
		<TextBox HorizontalAlignment="Left" Margin="123.804,101.232,0,0" VerticalAlignment="Top"
		 Width="62.39" Height="23.061" Text="TextBox" TextWrapping="Wrap" RenderTransformOrigin="0.5,0.465" x:Name="textBox">
			<TextBox.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="1" ScaleY="1"/>
					<SkewTransform AngleX="0" AngleY="0"/>
					<RotateTransform Angle="0"/>
					<TranslateTransform X="0" Y="0"/>
				</TransformGroup>
			</TextBox.RenderTransform>
 
		</TextBox>
 
	</Grid>
</Window>

Merci de votre aide :oops:

11/11/2010, 10h27
stivideo

c'est une question intéressante ça si c'est possible...

parce qu'une animation c'est la modification des propriétés d'un composant dans le temps, donc à priori lié à ce même composant.

une piste... binder les éléments avec les autres composants
11/11/2010, 10h34
toss.net

Ah :roll: donc c'est pas si évident que cela... je creuse depuis ce matin sur le net... aussi du coté de DataTemplate... :(
11/11/2010, 12h20
jmix90
Hello,

J'ai l'impression (je n'ai pas testé) que si tu ne met pas de targetName, l'animation s'appliquera à l'élément ou tu fais le beginStoryboard. Je pense que tu peux utiliser cela pour déclencher la même animation sur plusieurs éléments ?

Source : http://msdn.microsoft.com/en-us/libr...argetname.aspx

Citation:

Envoyé par MSDN

Setting this property is optional. If the TargetName is not specified, a storyboard's animations are applied to one of the following:

If the storyboard to which the animation belongs was started using a BeginStoryboard, the element that owns the BeginStoryboard action that triggers the storyboard is targeted.

If the storyboard was started using the Begin method, the FrameworkElement or FrameworkContentElement specified when the storyboard was started with the Begin method is targeted.

Sinon, y a des solutions (qui passe par le code pour lancer l'anim) sur le net :
Bon courage !
11/11/2010, 12h29
toss.net

Sans le TargetName ça n'a rien donné, mais j'ai du mal coder
Mais avec tes liens je pense me débrouillé ! merci ;)
11/11/2010, 13h41
Samuel Blanchard

Bonjour,

Le fait de mettre un storyboard coté XAML correspond à la création d'une instance.
Tant que l'animation ne s'effectue pas sur plusieurs cibles en même temps (deux TexBoxs par exemple) on peut en changer sa propriété TargetName facilement coté CodeBehind tant que celui ci n'est pas actif.

Si l'animation possède plusieurs cibles et que celle ci peut être lancée parallelement, il faut absolument plusieurs instances du Storyboard.
Soit coté XAML, un storyboard par cible ou coté CodeBehind la création de Storyboard complet (par copy d'un storyboard de référence par exemple).
11/11/2010, 14h58
jmix90

En bonus :ccool:, un article qui décrit comment créer une animation depuis le code :http://blog.lexique-du-net.com/index...tion-FROM-CODE

Bon courage !