[WPF-Blend] Plusieurs objets mais une seule animation

Bonjour,

Pour faire simple on va dire que j'ai créé un tableau de rectangle (8x8).
Ils sont blanc et lorsque je passe le curseur dessus ils deviennent noirs.

Là où ça se complique c'est que lorsque je passe le curseur sur le rectangle au coordonné 2x2, je voudrais que les 4 rectangles (1,1;1,2;2,1;2,2) devienne noir aussi.
Pour mieux me faire comprendre:
http://tuizirob.free.fr/tmp/tmp1.jpg
Quand mon curseur est en 2,2 il faudrait que les 4 carré deviennent noir.

Donc comment je peux faire le plus simplement? Car je vois bien comment faire avec une méthode longue et fastidieuse... mais ça va etre long à faire sur 64 rectangles.

Merci d'avance

Hum... Tu t'abonnes à l'event MouseOver de tes rectangles. Une fois que c'est fait, dans le délégué, tu fais un simple calcul pour récupérer les rectangles qui sont autour du tien et donc changer la couleur...

J'ai oublié de dire quelque chose d'important:
J'ai créé un timeline pour changer progressivement la couleur du rectangle.
Comment je fais pour appeler un timeline à partir du code C# (donc après avoir fait le calcul dont tu parle) ?
Et surtout comment je fais pour que mon timeline qui est initialement prévu pour changer la couleur de mon rectangle 1,1; change fonctionne sur le rectangle 1,2?
D'où le titre de mon topic.

Je vois plusieurs solutions. Tu pourrais par exemple accéder aux ressources de ta Window et à partir de là, accéder à ta TimeLine. Une fois que tu là, tu peux lui spécifier la cible et ensuite lancer cette Timeline.

Je chercher, je cherche mais comment je fais ça?

Dans VS 2008, je me suis abonné à l'évenement MouseEnter de mon deuxieme rectange.
Dedans, il faut que je fasse quoi?

J'ai accès à mon timeline:

Code:

---

OnMouseEnterRectangle_BeginStoryboard

---

Mais comment je lui dit de marché sur mon deuxieme rectangle?
Avec la méthode SetValue?

Il faut que tu modifier le Storyboard.TargetValue (SetValue en C#) normalement. Essaye de faire une petite recherche sur Internet avant de te lancer ;)

Merci,

Donc en fouillant un peu je pense avoir trouvé quelque chose de pas mal grâce à:

Code:

---

OnMouseEnterRectangle_BeginStoryboard.SetValue(Storyboard.TargetNameProperty, rectangle1.Name);

---

Que j'ai mis dans l'evenement MouseMove de mon rectangle1 (le storyboard de base est fait pour le rectangle0)
Donc si je marque juste ça rien ne change! Il ne se passe rien!

Si je fais un Storyboard.Begin(...) et bien sa me démarre l'animation sur le rectangle0, pourtant j'ai changé le targetname en rectangle1 :(

Qu'est-ce que j'ai oublié?
Je vais continuer a chercher... mais c'est pas évident.. pas beaucoup de source sur le net :s

Question bête: tu es sur que rectange1.Name te renvoit bien quelque chose ?

Oui oui, rectangle1.Name return un string: "rectangle1"

J'ai modifier mon code:

Code:

---

1 2 3 4 5

Storyboard stb = (Storyboard)this.Resources["OnMouseEnterRectangle"];   stb.SetValue(Storyboard.TargetNameProperty, ((System.Windows.Shapes.Rectangle)sender).Name); stb.Begin((System.Windows.Shapes.Rectangle)sender);

---

Mais ça produit le meme effet! Toujours le meme rectangle qui est animé!

Là, je comprend pas ce qu'il se passe....

:cry:

J'ai eu une réponse sur les forums MSDN.

En faite il faut rendre son storyboard indépendant des objects!
Donc en XAML mon Storyboard, j'ai du lui enlever la propriété TargetName.
J'ai du aussi enlever les triggers sur mon rectangle.

Et enfin dans le code:

Code:

---

1 2 3

Storyboard stb = (Storyboard)this.Resources["OnMouseLeaveRectangle"]; stb.Begin((Rectangle)sender);

---

Ce qui va animer l'objet que je demande! :D