Animation bouton c# wpf

**yrtera** · 27/03/2012, 15h06

bonjour a tous,

voila, je souhaite creer une animation sur un bouton pour changer la couleur du background.

j'ai un message d'erreur lorsque je fais mon storiboard.begin(); :

Aucune portée de nom applicable n'existe pour résoudre le nom 'piece2'

voici mon code:

Code c# :

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
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
46
47
48
49
50
51
52
        public Plateau1 plateau;
 
        public int reference { get; set; }
        public Button forme { get; set; }
        public LinearGradientBrush couleur { get; set; }
 
        public element(int reference, SolidColorBrush sa_couleur, Plateau1 createur)
        {
            this.reference = reference;
            this.forme = forme_defaut;
 
            this.forme.Background = sa_couleur;
 
            this.couleur = new LinearGradientBrush();
 
 
            GradientStop gradient1 = new GradientStop(Color.FromRgb(0, 0, 0),0);
            GradientStop gradient2 = new GradientStop(sa_couleur.Color,1);
            GradientStopCollection grad = new GradientStopCollection(2);
            grad.Add(gradient1);grad.Add(gradient2);
 
            this.couleur.StartPoint = new Point(0.5, 0);
            this.couleur.EndPoint = new Point(0.5, 1);
            this.couleur.GradientStops = grad;
 
            plateau = createur;
 
            this.forme.Height = this.forme.Width = 300;
            this.forme.Focusable = false;
            this.forme.Background = couleur;
            this.forme.Name = "piece"+reference.ToString();
 
            NameScope.SetNameScope(this.forme, new NameScope());
 
            this.forme.RegisterName(this.forme.Name, this.forme);
 
        public void testanim()
        {
            Storyboard story = new Storyboard();
            ColorAnimation anim = new ColorAnimation();
 
            anim.From = this.couleur.GradientStops[1].Color;
            anim.To = Color.Multiply(this.couleur.GradientStops[1].Color,3);
            anim.Duration = new Duration(TimeSpan.FromSeconds(1));
            anim.AutoReverse = true;
            anim.RepeatBehavior = RepeatBehavior.Forever;
 
            story.Children.Add(anim);
            Storyboard.SetTargetName(anim,this.forme.Name);
            Storyboard.SetTargetProperty(anim,new PropertyPath(this.forme.Background.DependencyObjectType.Name));
            story.Begin();
        }

c'est la premiere fois que je fais une application WPF avec des annimations,

j'ai trouvé ce post:
http://www.developpez.net/forums/d83...er-path-perso/

mais je ne comprend pas tout.

Merci.

**koyot3** · 28/03/2012, 14h41

Salut yrtera

Essaie

Code c# :

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

1
2
3
4
5
6
7
8
9
10
11
12
Storyboard story = new Storyboard();
ColorAnimation anim = new ColorAnimation();
 
anim.To = Colors.Red;
anim.BeginTime = TimeSpan.FromSeconds(0);
anim.Duration = new Duration(TimeSpan.FromSeconds(1));
 
story.Children.Add(anim);
Storyboard.SetTarget(anim, btBase);
Storyboard.SetTargetProperty(anim, new PropertyPath("(Button.Background).(SolidColorBrush.Color)"));
story.Completed += new EventHandler(story_Completed);
story.Begin();

En mettant bien une couleur par défaut à ton bouton

@+

**yrtera** · 28/03/2012, 15h32

bonjour,

Merci Koyot3 pour ta reponse,

comme tu me l'as dit, j' ai mis:

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
20
21
        public void testanim()
        {
            Storyboard story = new Storyboard();
            ColorAnimation anim = new ColorAnimation();
 
            anim.To = Colors.Black;
            anim.BeginTime = TimeSpan.FromSeconds(0);
            anim.Duration = new Duration(TimeSpan.FromSeconds(1));
 
            story.Children.Add(anim);
            Storyboard.SetTarget(anim, this.forme);
            Storyboard.SetTargetProperty(anim, new PropertyPath("(Button.Background).(SolidColorBrush.Color)"));
            story.Completed += new EventHandler(story_Completed);
            story.Begin();
 
        }
 
        void story_Completed(object sender, EventArgs e)
        {
            MessageBox.Show("ok");
        }

dans ma classe objet.
j' ai bien la messagebox qui apparait mais je ne vois pas l'animation a l'écran.

je te met donc la méthode que j'utilise pour lancer mon anim:

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
20
21
22
23
            foreach (int v in chaine)
            {
 
                foreach (element el in pieces)
                {
                    if (touche == el.reference)
                    {
                        el.testanim();
                        actualiseraffichage();
                    }
                }
            }
        }
 
        public void actualiseraffichage()
        {
            grille.Children.Clear();
 
            foreach (element ele in pieces)
            {
                grille.Children.Add(ele.forme);
            }
        }

cette méthode se trouve dans le fichier xaml.cs de mon user control.

j'avais tenté en mettant:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
       foreach (int v in chaine)
            {
 
                foreach (element el in pieces)
                {
                    if (touche == el.reference)
                    {
                        el.forme.Background = new SolidColorBrush(Colors.Black);
                        actualiseraffichage();
                    }
                }
            }

ca fonctionne bien mais le background du bouton reste a noir, si tu as une solution pour que le background revienne a sa couleur "d'origine" et a mettre un timer, ca me va aussi.

Mais j'aimerais bien arriver a utiliser l'animation.

Merci.

**koyot3** · 28/03/2012, 16h36

Mon animation ne fonctionne pas dans ton cas car tu as un bouton avec le style par défaut. Et ce dernier contient un dégradé en background, donc quand tu veux changer la couleur globale ça ne chnage rien...

Si tu veux garder le style par défaut du bouton (avec dégradé) remplace ça dans mon code précédent :

Code c# :

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

new PropertyPath("Background.GradientStops[0].Color");

Comme ça tu change la couleur 1 du dégradé du background du bouton.
Et si tu veux changer aussi la deuxième (en gros le dégradé entièrement) et ben tu rajoute une ColorAnimation à ta storyboard en changeant l'index de la couleur.

Et pour revenir à l'état d'origine :

Code c# :

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