Question Simple animation (moving textboxes)

[Administrator]

I'd like to have a little fun with a UI and learn some animation basics at the same time. Any tips would be appreciated as I haven't done much with animation.

I want to create a form that has multiple textboxes horizontally. I'm actually going to add a textbox everytime a value is added from another area. For example:

Textbox1 <-- --> Textbox2 <-- --> Textbox3

The user can reorder the textboxes by clicking the arrow buttons between the textboxes moving them left or right. Instead of just a "flash" reorder, I want to animate it.

So let's say you move Textbox2 LEFT. You click the arrow to move it to the left of TB1. It would then "fly" an arc up and over textbox1 while textbox 1 moves right.

Get the picture? So, you animation guru's, how would we do this?

 

[JohnH]

Attached is a rough sample that should at least give you some ideas for further development.

 

[Administrator]

Thanks John, I'll take a look.

 

[Administrator]

That is seriously cool! Thanks John! Perfect!!!

 

[JohnH]

Happy Times! By the way, the GraphicsPath instance needs to be Dispose'd, I forgot that in the haste.