Animation bouton c# wpf

Version imprimable

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(); :

Citation:

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

voici mon code:

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
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.

Salut yrtera

Essaie

Code:

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 ;)

@+

bonjour,

Merci Koyot3 pour ta reponse, :ccool:

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

Code:

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. :aie:

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

Code:

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:

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.

28/03/2012, 15h36
koyot3

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:

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:

anim.AutoReverse = true;

En espérant t'avoir aidé

@+ et bon courage
28/03/2012, 16h50
yrtera

CA MARCHE !!! :mrgreen: :mouarf: 8-)

j'ai rajouté une anim pour la deuxieme couleur.

trop top koyot3 merci merci :ccool:

a+