Friday, December 18, 2009

Video: Animating a TextArea

Animating a TextArea, the next episode in the gripping and suspenseful series CodeDependent, is now available from Adobe TV.

This show shows how to animate scrolling in a TextArea component dynamically. We handle this automatically when you click in the track or on the buttons of a TextArea's scrollbar, but if you want to tell the component to scroll to a certain location in the viewport, and animate to that position, you have to do this yoursefl. We did something similar in last week's show, in which we animated a Scroller area, but in the case of TextArea we have to dive into ActionScript code to create and play the animations because of some constraints around which properties we can bind to from MXML.

Here's the video:

Here is the demo application:

And here is the source code.

Finally, here's where you can find the CodeDependent videos on iTunes.

Enjoy.

3 comments:

Unknown said...

Neat! I would still like to see future versions to allow us to bind them :)

fump said...

Hi,
I am currently trying to built a textarea which snaps to teh whole size of the visual part of textarea.

That means that you can scroll in a page intervall.

Basicly like the old mx Text area which snaps to lines but pages.

Any suggestion how I could solve this ?

Ontop of that we coukld add a smooth transition

Any help is welcome.

Paranthaman said...

Will it work like Marquee?
If yes, then what should i do. Give sample code.

Thanks in Advance