如何为组件（VBox/HBox 等...）创建 Flex Wobble 效果

Question

谁能告诉我如何使用 flex 3 创建摆动效果？ 我需要类似 ubuntu 中看到警报或移动文件夹时显示的效果。

谢谢。

Answer 1

不确定 Flex 中是否有专门内置的东西来专门处理“摆动”效果，但您可以结合 Flex 移动和弹跳效果来创建一种“摆动”：

<?xml version="1.0"?>

<fx:Declarations>
    <s:Bounce id="bounceEasing"/>
    <s:Elastic id="elasticEasing"/>
    <s:Move id="moveRight" 
        target="{myImage}"
        xBy="500"
        duration="2000"
        easer="{elasticEasing}"/>
    <s:Move id="moveLeft" 
        target="{myImage}"
        xBy="-500"
        duration="2000"
        easer="{bounceEasing}"/>
</fx:Declarations>

<s:Image id="myImage" 
    source="@Embed(source='assets/logo.jpg')"/>
<s:Button label="Move Right"
     x="0" y="100" 
    click="moveRight.end();moveRight.play();"/>
<s:Button label="Move Left" 
     x="0" y="125"
    click="moveLeft.end();moveLeft.play();"/>

自定义上面的代码以进行更小的移动并链接左右移动，并且您有一个摆动。您可能还决定为 MouseEvent.ROLL_OVER 添加事件侦听器，以便在鼠标滑过组件时播放摆动效果。