CODEWITHSUNDEEP
c#.netwpfanimation
John
John

Reputation: 3677

How to Animate a Gradient on a Path to visualize data flow in WPF/WCF app

I have an interesting project where several "nodes" on a cnavas are connected via a Path similiar to a mindmap tree. The path is used to visualize the connection state between two nodes. Red means the nodes are disconnected, green means they're connected. The next step would be to illustrate data flow (from A to B or B to A) using that path and an animation. Basically I would want to start the animation with the data transfer and stop it when the transfer is complete. Does anyone know how this could be done in WPF?

Upvotes: 5

Views: 1544

Answers (2)

Scott J
Scott J

Reputation: 1331

MSDN has an example of animating the stops on a gradient: http://msdn.microsoft.com/en-us/library/ms748815.aspx

Upvotes: 1

Mark Heath
Mark Heath

Reputation: 49482

Charles Petzold has a good article on making gradients run along paths. I'm not sure how easy it would be to animate though.

Upvotes: 1

Related Questions