[Animation] Simple mais ?

Version imprimable

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

Code:

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 ?

Pourquoi tu utilises le VSM ? :koi:

Code:

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:

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

09/10/2008, 15h39
DroP
Il faut que tu utilises le VisualStateManager pour lancer ton animation
Code:

1 2 VisualStateManager.GoToState(this, "Click", true);
09/10/2008, 16h20
ikeas

en silverlight on peut pas lancer l'animation directos sans passer par le code behind ?
09/10/2008, 16h25
Skyounet

Citation:

Envoyé par ikeas

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.
09/10/2008, 16h32
ikeas

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

Citation:

Envoyé par ikeas

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

Code:

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.

09/10/2008, 17h10
ikeas

et (sans vouloir et trop chiant) en utilisant les VisualState ?
comme ca on aura fait le tour ;)
09/10/2008, 17h23
Skyounet

Citation:

Envoyé par ikeas

et (sans vouloir et trop chiant) en utilisant les VisualState ?
comme ca on aura fait le tour ;)

Le VSM a été fait pour être utilisé avec les contrôles, c'est pas un moteur d'animation.
C'est juste un mécanisme pour customiser dynamiquement l'aspect des contrôles.
09/10/2008, 17h31
ikeas

merci mais ce qui est tres embettant dans la demarche c'est qu'avec blend on ne peut pas modifier directement l'animation une fois qu'eelle a ete integré au l'element ...
avec la time line je voulais dire
09/10/2008, 17h37
Skyounet

Citation:

Envoyé par ikeas

merci mais ce qui est tres embettant dans la demarche c'est qu'avec blend on ne peut pas modifier directement l'animation une fois qu'eelle a ete integré au l'element ...
avec la time line je voulais dire

Hum possible. J'utilise pas Blend en fait, je fais tout à la main :aie:
23/10/2008, 12h26
jedizign

Bonjour.
J'ai un peu le même problème ...
J'ai du faire une animation pur dans blend...
aucune interaction juste une anim.
me demandé pas pourquoi les clients ont des idées bizarres des fois 8O
Alors après avoir galérai comme il ce doit puisque c'était la première foi que j'utilise ce logiciel qu'est blend qui après réalisation de l'anim. me certifie que ce logiciel n'est vraiment pas fait pour ça :aie:
ET bien l'anim. ne ce lance pas :king:
j'ai éssayer de placer <BeginStoryboard></BeginStoryboard> autour des balises du storyboard mais rien ne change...
une petite idée?:oops:
et sinon quand je lance l'aperçu tout ce qui dépasse de mon cadre layoutRoot apparait:cry:
Je ne comprend pas trop comment faire:?
et le code ne m'aide pas plus...

<Grid x:Name="LayoutRoot" Background="#FF000000">
<Grid.RowDefinitions>
<RowDefinition Height="0.453*"/>
<RowDefinition Height="0.547*"/>
</Grid.RowDefinitions>
pourquoi ia t il deux fois la balise height ? et à quoi peut bien correspondre ces 0.xxx* si je met la taille de ma scene 955*600 ça fou tout en l'air :(
Merci d'avance
Jé
23/10/2008, 12h43
DroP
Il faut que tu nommes ton StoryBoard :
Code:

1 2 3 4 <StoryBoard x:Name="MonAnimation" > ... </StoryBoard>
et dans le code c# :
Code:

1 2 MonAnimation.Begin();
edit: Je te conseille de regarder l'excellent article de Skyounet sur les Animations Silverlight :
http://broux.developpez.com/articles...s-silverlight/
23/10/2008, 12h51
jedizign

:yaisse2: trop cool merci !! :yaisse2:
ma petite anim ce lance tout seul :king:
ma première réponse ça fait plaisir:mouarf:
23/10/2008, 12h53
jedizign

Bon et là je vais abusé un peu :oops:
comment faire pour enfermer mon anim. dans une certaine taille (955*600) car tout ce qui dépasse de mon LayoutRoot apparait ?
23/10/2008, 12h59
DroP

J'ai pas compris ton 2ème problème, quand ton anime se lance tout n'apparait pas dans ton Layout c'est ca ?
23/10/2008, 13h23
jedizign
Tout d'abord merci de l'intérêt que tu porte au poste :king:
bien en fait je bosse à partir de Blend...
dans mon anim. des images ou objet sont bien plus grand que ma scène/LayoutRoot (je sais pas si on peut comparé, je suis flasheur)
et mon layoutRoot à l'origine avait une taille précise:900*600
Mais après avoir bidouillé(animé) les dimension du layoutRoot ce sont transformé en
Code:

1 2 3 4 <Grid.RowDefinitions> <RowDefinition Height="0.453*"/> <RowDefinition Height="0.547*"/> </Grid.RowDefinitions>
aucune idée de ce à quoi correspond tout cela ...
la seul ligne qui à conservée les dimensions que j'avais renseigné au départ est celle là

Code:

Width="955" Height="600" Background="#FF000000" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">

et quand je lance mon anim.(F5) et bien tout ce qui dépasse de ma scène apparait...
Je sais pas si je suis très clair désolé mais tout cela est vraiment flou pour moi j'en suis qu'à mon 3eme jour de Blend^^
Dans tous les cas merci pour ton aide :king:
Jé
23/10/2008, 13h29
DroP

Tient déjà, si tu parles bien anglais, tu trouveras la réponse à ton problème de Grille Ici :

http://weblogs.asp.net/scottgu/pages...anagement.aspx

Ensuite

Citation:

bien tout ce qui dépasse de ma scène apparait...

Qu'est ce que tu appelles une scène ? et qu'est ce qui apparait car c'est un peu flou pour moi aussi :aie:
23/10/2008, 13h33
jedizign

Bien en fait je vais prendre exemple sur flash...
quand je fait un flash je précise la taille de ma scène si je lui dit que la scene fait 955*600 le swf fera cette taille et tout ce qui ce passe en dehors de cette zone n'apparaitra pas, donc j'ai essayer de faire la même chose en précisant que mon layoutRoot faisait 955*600 mais après animation ces tailles on disparu du XAML et tout ce qui est à l'extérieur de cette zone apparait...
l'animation n'est pas contenu dans le format du layouRoot?
23/10/2008, 13h55
jedizign

Merci pour le lien!
En effet ça aurait pu être une piste mais si je retire les dimension de "user control" alors le background s'étend en 100% width et height mais du coup il recentre l'anim. et tout bouge ça explose tout quoi ...:lol: