【问题标题】:How to create Flex Wobble Effect for a component (VBox/HBox etc...)如何为组件创建 Flex Wobble 效果(VBox/HBox 等...)
【发布时间】:2011-05-12 06:57:05
【问题描述】:

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

谢谢。

【问题讨论】:

  • 介意扩展一下吗?你说的“摇摆不定”是什么意思?在问这个问题之前你有没有尝试过?有代码吗?效果应该在哪里/何时运行?
  • @J_A_X 我相信他正在寻找类似于在 iPhone 中点击并按住它们时出现的摆动动画图标的东西。

标签: apache-flex actionscript flex3 effect


【解决方案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 添加一个事件侦听器,以便在鼠标滑过组件时播放摆动效果。

【讨论】:

  • 嗨凯尔,首先感谢您的回答。但我正在寻找 flex 3 中的摆动效果。你能帮我在 Flex 3 中获得这种效果吗?
  • 抱歉。查看 here 以查找 Flex 3 的反弹效果和缓动函数的一些示例。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-07-15
  • 1970-01-01
  • 1970-01-01
  • 2012-09-20
相关资源
最近更新 更多