Thursday, October 19, 2006

Adobe Flex 2.0 » VideoDisplay Borders - Part I

Rectangular borders are no problem for the Flex "VideoDisplay" component. However, radiused borders seem to be.

VideoDisplay is a composite component; An Actionscript class that extends UIComponent and adds a child "flash.media.Video" component. It contains a method named "createBorder()" that loads a border skin and adds it as a child underneath all other child components...

addChildAt(DisplayObject(border), 0);

As a result, the rectangular "flash.media.Video" component is on top of the border and the corners of the video rectangle overlay and extend beyond the VideoDisplay's radiused corners.

How can I get around this problem? I don't know yet, but I'm working on it!