Animation d'une fenêtre en WPF

Version imprimable

Bonjour,

Quelqu'un a t-il déjà essayé d'appliquer des animations sympathique à une fenêtre lors de son ouverture ?

J'imagine que l'on peut commencer par ça :
Code:

1 2 3 4 5 6 7 CustomWindowDialog customWindowDialog = new CustomWindowDialog(); DoubleAnimation animFadeIn = new DoubleAnimation(); animFadeIn.From = 0; animFadeIn.To = 1; animFadeIn.Duration = new Duration(TimeSpan.FromSeconds(1)); customWindowDialog.BeginAnimation(Window.OpacityProperty, animFadeIn); customWindowDialog.ShowDialog();
Mais comment faire des choses un plus compliqué, du style jouer sur la taille mais pas en partant du point en haut à gauche mais plutôt du point centrale de la fenêtre. En gros faire un effet de zoom à l'ouverture.

Merci.

07/04/2010, 19h07
Thomas Lebrun

L'animation d'une Window, en WPF, c'est pas ce qu'il y a de plus simple. J'ai déjà fait des animations sur l'opacité, parce que c'est ce qu'il y a de plus simple à faire.

Pour faire ce que tu veux, faut voir si on peut appliquer une transformation à la Window et dans ce cas, tu met le RenderTransformOrigin à 0.5,0.5 et ensuite, tu animes cette transformation.
07/04/2010, 21h27
tomlev

Citation:

Envoyé par Thomas Lebrun

Pour faire ce que tu veux, faut voir si on peut appliquer une transformation à la Window et dans ce cas, tu met le RenderTransformOrigin à 0.5,0.5 et ensuite, tu animes cette transformation.

Je pense pas que ça fonctionne, vu que la fenêtre elle-même (bordure et barre de titre) n'est pas rendue par WPF mais par l'OS, donc a priori une RenderTransform n'aura pas d'effet (ou alors seulement sur le contenu, pas sur la fenêtre elle-même).

Par contre, un truc un peu bourrin mais qui devrait marcher, c'est d'appliquer une animation sur la taille et la position de la fenêtre ;)
08/04/2010, 09h06
Thomas Lebrun

Citation:

Envoyé par tomlev

Par contre, un truc un peu bourrin mais qui devrait marcher, c'est d'appliquer une animation sur la taille et la position de la fenêtre ;)

Oui mais pour cela, il va falloir jouer avec les APIs Windows :(

Un lien sur le sujet: http://social.msdn.microsoft.com/For...5-a90bbb3c7282
08/04/2010, 09h50
alves.seb

Merci pour vos réponses.

Globalement, c'est bien ce que je pensait, c'est pas si simple que ça à faire. Pour ce qui est d'appliquer une transformation à ma fenêtre, j'ai pas l'impression que cela soit possible.

Je vais essayer, dans un premier temps, de jouer avec la taille et la position de ma fenêtre.

En attendant, je suis toujours preneur d'idées complémentaire sur le sujet.

Merci.
08/04/2010, 14h36
micka132

Bon j'y connais rien en wpf, mais il est sans doute possible de faire des spash screen, qui n'est qu'une image.
Une solution serait de prendre un screenshot de la page a ouvrir, de la mettre en spash screen et faire une animation dessus. Quanq c'est finis on affiche la fenetre normal.
Mwéé c'est un peu tordu quand meme:oops:!

Bon c'est juste un début, mais en attendant de trouver mieux, voici une petite fonction qui m'anime ma fenêtre à l'ouverture. Je joue sur la position, la taille et l'opacité. (Pour info, j'applique l'animation contraire lors de la fermeture de ma fenêtre) :

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
private static void AnimShowWindow(CustomWindowDialog customWindowDialog)
        {
            Storyboard board = new Storyboard();
 
            DoubleAnimation wAnim = new DoubleAnimation(30, customWindowDialog.Width, new Duration(TimeSpan.FromMilliseconds(450)));
            Storyboard.SetTargetProperty(wAnim, new PropertyPath("(0)", Window.WidthProperty));
            Storyboard.SetTarget(wAnim, customWindowDialog);
 
            DoubleAnimation hAnim = new DoubleAnimation(30, customWindowDialog.Height, new Duration(TimeSpan.FromMilliseconds(450)));
            Storyboard.SetTargetProperty(hAnim, new PropertyPath("(0)", Window.HeightProperty));
            Storyboard.SetTarget(hAnim, customWindowDialog);
 
            DoubleAnimation oAnim = new DoubleAnimation(0.5, 1, new Duration(TimeSpan.FromMilliseconds(1000)));
            Storyboard.SetTargetProperty(oAnim, new PropertyPath("(0)", Window.OpacityProperty));
            Storyboard.SetTarget(oAnim, customWindowDialog);
 
            Rectangle workingArea = Screen.PrimaryScreen.WorkingArea;
            //Position de départ
            customWindowDialog.Top = (workingArea.Height / 2) - (customWindowDialog.Height / 2);
            customWindowDialog.Left = (workingArea.Width / 2) - (customWindowDialog.Width / 2);
 
            double posTop = workingArea.Height / 2;
            double posLeft = workingArea.Width / 2;
 
            DoubleAnimation animTop = new DoubleAnimation(posTop, customWindowDialog.Top, new Duration(TimeSpan.FromMilliseconds(500)));
            Storyboard.SetTargetProperty(animTop, new PropertyPath("(0)", Window.TopProperty));
            Storyboard.SetTarget(animTop, customWindowDialog);
 
            DoubleAnimation animLeft = new DoubleAnimation(posLeft, customWindowDialog.Left, new Duration(TimeSpan.FromMilliseconds(500)));
            Storyboard.SetTargetProperty(animLeft, new PropertyPath("(0)", Window.LeftProperty));
            Storyboard.SetTarget(animLeft, customWindowDialog);
 
            board.Children.Add(wAnim);
            board.Children.Add(hAnim);
            board.Children.Add(animTop);
            board.Children.Add(animLeft);
            board.Children.Add(oAnim);
 
            board.Begin();
 
            customWindowDialog.ShowDialog();
        }

Merci à tous pour vos réponses.