BorderContainerでボーダーとドロップシャドウを使うとバリが出る件

表題の件ですが、スキンをいじればきれいに出来ました。
[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

関連する記事:

カテゴリー: flex

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

名前 *