Animation d'un ChildWindow

Version imprimable

01/06/2010, 10h37
xavier-sama

Animation d'un ChildWindow

Bonjour,

Je commence à me mettre en Silverlight, assez simple à comprendre dans l'ensemble mais le problème c'est au niveau des animations....

Je souhaiterais instancier un ChildWindow (jusque là ca va !) qui contient diverses informations (Nom, prénom, ...) et là ca se complique lors d'un clic sur un bouton, je voudrais que la fenêtre face une rotation sur elle-même (recto-verso) et afficher une image (celle de la personne par exemple).

Est-ce possible ? Si oui une petite aide serait le bienvenue car je luttes !!

Cordialement,
Xavier
01/06/2010, 12h04
Samuel Blanchard

Bonjour,

oui c'est possible.

il suffit de regarder le code ici pour l'animation.
L'animation doit être injectée dans un VisualState Open (si mes souvenirs sont bons) du template de ton ChildWindow. Pour redefinir facilement un template de ChildWindow regarde du coté de Blend.

Sinon il me semble que dans le template Business application de VS2010, la fenetre du login fait exactement ce que tu veux.
01/06/2010, 12h09
xavier-sama

Citation:

Envoyé par Samoteph

oui c'est possible.

il suffit de regarder le code ici pour l'animation.
L'animation doit être injecté dans un VisualState Open (si mes souvenirs sont bons) du template de ton ChildWindow. Pour redefinir facilement un template de ChildWindow regarde du coté de Blend.

sinon il me semble que dans le template Business application de VS2010, la fenetre du login fait exactement ce que tu veux.

Ahhh merci je vais essayer ton code, je te tiens au courant !!!

Edit : Je viens d'essayer ca fonctionne très bien mais c'est un composant qu'on rajoute sur le ChildWindow, est-ce possible de te faire directement sur le ChildWindow ?

J'ai essayé de changer implémentation ContentControl en ChildWindow mais je n'obtiens pas le résultat voulu...une idée ?

Cordialement,
Xavier
01/06/2010, 14h21
Thomas Lebrun

Citation:

Envoyé par Samoteph

Sinon il me semble que dans le template Business application de VS2010, la fenetre du login fait exactement ce que tu veux.

Je ne crois pas avoir vu ca dans le template de projet ;)

Mais bon, ca a peut-être changé :)
01/06/2010, 14h36
Samuel Blanchard

xavier,

Citation:

Je viens d'essayer ca fonctionne très bien mais c'est un composant qu'on rajoute sur le ChildWindow, est-ce possible de te faire directement sur le ChildWindow ?

Ce lien te permet juste de voir comment injecter une animation dans ton control.

Pour le ChildWindow :

Citation:

L'animation doit être injectée dans un VisualState Open (si mes souvenirs sont bons) du template de ton ChildWindow. Pour redefinir facilement un template de ChildWindow regarde du coté de Blend.

Si tu veux voir un exemple rend-toi sur le template Business Application pour Silverlight de VS2010

Pour Thomas :

Citation:

Je ne crois pas avoir vu ca dans le template de projet
Mais bon, ca a peut-être changé

Quand tu cliques sur le "Register Now" de la fenetre Login il me semble ;)
01/06/2010, 16h38
xavier-sama

Merci pour l'aide mais j'abandonne...c'est pas de mon niveau je pense.

Cordialement,
Xavier

Excuse moi Xavier mais je crois t'avoir orienté sur une mauvaise piste. Pour le VisualState à Open tout du moins (j'ai mélangé avec un autre Post je crois) :aie:

Citation:

L'animation doit être injectée dans un VisualState Open (si mes souvenirs sont bons) du template de ton ChildWindow. Pour redefinir facilement un template de ChildWindow regarde du coté de Blend.

Pour me faire pardonner voici un début de solution :

Tu dois créer un nouvel item de type ChildWindow que tu appelles ChildWindow1. ci-joint le code XAML de ChildWindow1.

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
 
<controls:ChildWindow x:Class="SilverlightHtmlFrame.ChildWindow1"
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
           xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
           Width="400" Height="300" 
           Title="ChildWindow1"
           x:Name="MaChildWindow"
            >
    <controls:ChildWindow.Resources>
        <Storyboard x:Name="Storyboard1" SpeedRatio="3">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="MaChildWindow" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)">
                <EasingDoubleKeyFrame KeyTime="00:00:01" Value="-90"/>
                <EasingDoubleKeyFrame KeyTime="00:00:02" Value="-180"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="MaChildWindow" Storyboard.TargetProperty="(ChildWindow.OverlayOpacity)">
                <EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="00:00:01.7000000" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="00:00:02" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </controls:ChildWindow.Resources>
 
    <controls:ChildWindow.Projection>
        <PlaneProjection/>
    </controls:ChildWindow.Projection>
 
    <Grid x:Name="LayoutRoot" Margin="2">
 
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
 
        <Button x:Name="CancelButton" Content="Cancel" Click="CancelButton_Click" Width="75" Height="23" HorizontalAlignment="Right" Margin="0,12,0,0" Grid.Row="1" />
        <Button x:Name="OKButton" Content="OK" Click="OKButton_Click" Width="75" Height="23" HorizontalAlignment="Right" Margin="0,12,79,0" Grid.Row="1"/>
    </Grid>
</controls:ChildWindow>

puis je me suis abonné à l'evenement Click sur le bouton OK dans le .cs pour lancer l'animation.

Code:

1
2
3
4
5
6
 
        private void OKButton_Click(object sender, RoutedEventArgs e)
        {
            //this.DialogResult = true;
            this.Storyboard1.Begin();
        }

J'ai un peu triché avec le fond car il est contenu dans la translation et c'est pas joli. Alors je l'ai opacifié à 0 pendant l'animation.

En espérant que cela t'aidera !

Citation:
Envoyé par Samoteph
Excuse moi Xavier mais je crois t'avoir orienté sur une mauvaise piste. Pour le VisualState à Open tout du moins (j'ai mélangé avec un autre Post je crois) :aie:

Pour me faire pardonner voici un début de solution :

Tu dois créer un nouvel item de type ChildWindow que tu appelles ChildWindow1. ci-joint le code XAML de ChildWindow1.
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 <controls:ChildWindow x:Class="SilverlightHtmlFrame.ChildWindow1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" Width="400" Height="300" Title="ChildWindow1" x:Name="MaChildWindow" > <controls:ChildWindow.Resources> <Storyboard x:Name="Storyboard1" SpeedRatio="3"> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="MaChildWindow" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)"> <EasingDoubleKeyFrame KeyTime="00:00:01" Value="-90"/> <EasingDoubleKeyFrame KeyTime="00:00:02" Value="-180"/> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="MaChildWindow" Storyboard.TargetProperty="(ChildWindow.OverlayOpacity)"> <EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/> <EasingDoubleKeyFrame KeyTime="00:00:01.7000000" Value="0"/> <EasingDoubleKeyFrame KeyTime="00:00:02" Value="1"/> </DoubleAnimationUsingKeyFrames> </Storyboard> </controls:ChildWindow.Resources> <controls:ChildWindow.Projection> <PlaneProjection/> </controls:ChildWindow.Projection> <Grid x:Name="LayoutRoot" Margin="2"> <Grid.RowDefinitions> <RowDefinition /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Button x:Name="CancelButton" Content="Cancel" Click="CancelButton_Click" Width="75" Height="23" HorizontalAlignment="Right" Margin="0,12,0,0" Grid.Row="1" /> <Button x:Name="OKButton" Content="OK" Click="OKButton_Click" Width="75" Height="23" HorizontalAlignment="Right" Margin="0,12,79,0" Grid.Row="1"/> </Grid> </controls:ChildWindow>
puis je me suis abonné à l'evenement Click sur le bouton OK dans le .cs pour lancer l'animation.
Code:

1 2 3 4 5 6 private void OKButton_Click(object sender, RoutedEventArgs e) { //this.DialogResult = true; this.Storyboard1.Begin(); }
J'ai un peu triché avec le fond car il est contenu dans la translation et c'est pas joli. Alors je l'ai opacifié à 0 pendant l'animation.

En espérant que cela t'aidera !
Ahhh incroyable j'ai fait le même code mais ca me fesait une erreur sur le click du bouton....il manquait x:Name="MaChildWindow"....et la magie ca fonctionne !!!!

C'est bizarre juste parce que la fenêtre n'est pas nommée, ca fait une erreur...y a-t-il une explication ?

Citation:

2213 Une erreur s'est produite.

à MS.Internal.XcpImports.MethodEx(IntPtr ptr, String name, CValue[] cvData)
à MS.Internal.XcpImports.MethodEx(DependencyObject obj, String name)
à System.Windows.Media.Animation.Storyboard.Begin()
à SilverlightTest.Views.InfoPersonne.OKButton_Click(Object sender, RoutedEventArgs e)
à System.Windows.Controls.Primitives.ButtonBase.OnClick()
à System.Windows.Controls.Button.OnClick()
à System.Windows.Controls.Primitives.ButtonBase.OnMouseLeftButtonUp(MouseButtonEventArgs e)
à System.Windows.Controls.Control.OnMouseLeftButtonUp(Control ctrl, EventArgs e)
à MS.Internal.JoltHelper.FireEvent(IntPtr unmanagedObj, IntPtr unmanagedObjArgs, Int32 argsTypeIndex, String eventName)

Sinon un grand merci je vais essayer de combiner ça avec l'autre code.

Edit : Hmm je viens de m'apercevoir du TargetName du Storyboard moi j'ai essayé avec LayoutRoot, ContentRoot, this, ....donc je comprends mon erreur...faire au plus simple la prochaine fois !!

Cordialement,
Xavier

01/06/2010, 19h15
Samuel Blanchard

Si tu regardes dans le storyboard tu verras une reference à MaChildWindow. si le nom MaChildWindow n'est pas declaré, le storyboard ne sait pas sur quel element fair l'animation.

Bon courage pour la suite.