FlipやCubeなエフェクト

Flex ActionScript3.0

ViewStateが変わるときにかっこいいエフェクトFlipやCubeを使ってみました。
http://moeten.info/flex/20080711_desitortionTest/bin-release/main.html

使い方は target と siblings にビューのidを指定してあげます。

<mxeffects:CubeRotate id="flipIn"
    target="{現在のビューID}" siblings="{[変更後のビューID]}"
    direction="RIGHT" duration="800" />

あとは、ビュースタックのほうでエフェクトを指定します。

<mxeffects:CubeRotate id="flipIn"
    target="{shopList}" siblings="{[shopDetail]}"
    direction="RIGHT" duration="800" />
<mx:ViewStack id="shopListViewStack" width="417" height="695" x="115" y="41" cornerRadius="10">
    <!---->
    <mx:Panel title="お店リスト" layout="absolute"
        id="shopList"
        hideEffect="{flipIn}">
        ここにすきなコンポーネントを配置
    </mx:Panel>
    <!---->
    <mx:Panel id="shopDetail" layout="absolute"
        title="{myDg.selectedItem.shopname}"
        hideEffect="{flipBack}">
        ここにすきなコンポーネントを配置
    </mx:Panel>
</mx:ViewStack>

用意されているエフェクト

  • CubeRotate
  • Distortion
  • DistortionCons
  • Door
  • Flip
  • Gate
  • Pop
  • Push
  • SimpleDistortion