表題の件ですが、スキンをいじればきれいに出来ました。
[swfobj src=”http://yoropan.com/blog/wp-content/uploads/2010/08/Main.swf” alt=”Flash Contents” width=”550″ height=”450″ required_player_version=”10″]
以下デフォルトのスキンから変更した部分を抜粋。
ドロップシャドウはfiltersタグにDropShadowFilter追加。
ボーダーは内側のRectの制約を10にして外側の背景がボーダーになるように見せています。
角丸はradiusXを使い、外側と内側の値を微妙に変えています。
<s:Rect id="background" left="0" right="0" top="0" bottom="0" radiusX="10"> <s:fill> <!--- @private --> <s:SolidColor id="bgFill" color="#FFFFFF"/> </s:fill> <s:filters> <s:DropShadowFilter angle="90" color="#000000" distance="5" alpha="0.35" quality="2" blurX="2" blurY="2"/> </s:filters> </s:Rect> <s:Rect id="background2" top="10" right="10" bottom="10" left="10" radiusX="7"> <s:fill> <s:SolidColor id="bgFill2" color="#FFFFFF"/> </s:fill> </s:Rect>
ソースダウンロード:BorderContainer.zip
参考元:Custom Spark Button Skin using FX-G/MXML — Patrick Hansen