Discussion :

[ikeas]

je veux faire une animation de couleur sur un rectangle simple
mais j'arrive pas a comprendre pourquoi ca demarre pas

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
 
<Grid x:Name="LayoutRoot" Background="White" >
		<vsm:VisualStateManager.VisualStateGroups>
			<vsm:VisualStateGroup x:Name="CommonStats">
				<vsm:VisualStateGroup.Transitions>
					<vsm:VisualTransition Duration="00:00:00" From="Click"/>
				</vsm:VisualStateGroup.Transitions>
				<vsm:VisualState x:Name="Click">
					<Storyboard>
						<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
							<SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFB0000"/>
							<SplineColorKeyFrame KeyTime="00:00:02" Value="#FF9CFB00"/>
						</ColorAnimationUsingKeyFrames>
					</Storyboard>
				</vsm:VisualState>
			</vsm:VisualStateGroup>
		</vsm:VisualStateManager.VisualStateGroups>
		<Rectangle HorizontalAlignment="Left" Margin="92,220,0,182" VerticalAlignment="Stretch" Width="163" Fill="#FFFFFFFF" Stroke="#FF000000" x:Name="rectangle"/>
	</Grid>

kekun a une idee ?

[Skyounet]

Pourquoi tu utilises le VSM ?

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<Grid x:Name="LayoutRoot" Background="White">
    <Grid.Resources>
        <Storyboard x:Name="sbRectangle">
            <ColorAnimation From="Blue" To="Red" Storyboard.TargetName="myRect" Storyboard.TargetProperty="(Fill).(Color)" />
        </Storyboard>
    </Grid.Resources>  
    <Rectangle x:Name="myRect" Fill="Blue" MouseLeftButtonDown="myRect_MouseLeftButtonDown" />
</Grid>

Et l'event

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
private void myRect_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    sbRectangle.Begin();
}

[DroP]

Il faut que tu utilises le VisualStateManager pour lancer ton animation

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
VisualStateManager.GoToState(this, "Click", true);

[ikeas]

en silverlight on peut pas lancer l'animation directos sans passer par le code behind ?

[Skyounet]

en silverlight on peut pas lancer l'animation directos sans passer par le code behind ?

Seulement sur l'évènement Load. Pas sur le clic par exemple.

[ikeas]

et ca donnerais quoi mon code par exemple sur l'evement load ?

[Skyounet]

et ca donnerais quoi mon code par exemple sur l'evement load ?

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<Rectangle x:Name="myRect" Fill="Blue">
    <Rectangle.Triggers>
        <EventTrigger>
            <BeginStoryboard>
                <Storyboard>
                    <ColorAnimation From="Blue" To="Red" Storyboard.TargetName="myRect" Storyboard.TargetProperty="(Fill).(Color)" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Rectangle.Triggers>
</Rectangle>

Avant on pouvait faire <EventTrigger RoutedEvent="LeNomdelevent"> mais ça ne fonctionne plus.