I'm having extreme difficulty creating a Flex 3 container skin in
Flash that behaves properly. The resulting container content appears
misplaced and shifted, compared to the built-in component skin that
behaves normally.
Setup:
OS: Mac OS X 10.5.6
Applications:
Flash 10.0.0.544
Flex Component Kit 1.1.2
Flex Skinning Templates 1.0.0
Flex Builder 3.0.2
Flex SDK 3.2
Steps to reproduce:
I'm following the basic steps from the Importing Skins into Flex
Builder document (
http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%5Fskins
).
In Flash, create a new Flex skin Template (New > Flex
Skins>Templates>flex_skins). Publish the document, creating a swc file
with the default halo visual appearance.
In Flex Builder, create a new Flex project. Import the skin (Import >
Skin Artwork). Drag a Panel component onto the stage. Drag a TextArea
component into the Panel. Set the TextArea instance attributes to x=0,
y=0, width=100%, height=100%.
Problem:
The TextArea now fills up the entire container component and is not
restricted to the content area.
Comments:
This appears to be a bug with the Flex Skin Design Extensions & Flex
Component Kit for Flash CS3 package (
http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%5Fskins
). The content area in the template is not respected, even though no
changes were made to the template! I've tried performing these steps
in Flash CS3 (Flash 9) instead, and many varied approaches
(introducing a mask, setting border regions, etc.), but the same
results occur.
