首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Flex 4- Jerky动画问题

Flex 4- Jerky动画问题
EN

Stack Overflow用户
提问于 2012-05-25 15:53:50
回答 1查看 230关注 0票数 0

我已经在flex4中创建了我的第一个动画效果。它是我的自定义组件中的一个非常简单的动画,它将标签组件从左到右移动3-5次,然后逐渐淡出。

每件事都运行良好,但问题是,当我第一次运行动画时,它会播放抖动的动画,并且在wards之后会更加流畅。我不知道为什么。

有人能说出这是怎么回事吗?

这是我的自定义组件的完整源代码。将其添加到舞台后,调用showProgressEffect()将播放动画。

请注意,我制作了标签"cacheAsBitmap“以避免在移动标签时闪烁,并在每个动画/效果的play()方法之前调用stop()。

代码语言:javascript
运行
复制
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx" width="274" height="72"
         click="onClick()" xmlns:components="ui.hud.components.*" cacheAsBitmap="true">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
        <s:Sequence id="tween" repeatCount="5" effectEnd="onEffectEnd()" >
            <s:Move xBy="20" duration="500" />
            <s:Move xBy="-20" duration="500" xFrom="50"/>
        </s:Sequence>
        <s:Fade id="fadeEffect" alphaTo="0" duration="2000" />
    </fx:Declarations>

    <fx:Script>
        <![CDATA[
            [Bindable]
            public var questId:int;
            [Bindable]
            public var questTitle:String;
            [Bindable]
            public var iconUrl:String;

            private function onClick():void{

                Globals.questCtr.showQuest(questId);

            }
            private function onEffectEnd():void{

                fadeEffect.stop();
                fadeEffect.play([lblStatus]);
            }

            public function showProgressEffect():void{

                tween.stop();
                lblStatus.alpha = 1;
                tween.play([lblStatus]);
            }

        ]]>
    </fx:Script>

    <mx:Image source="{iconUrl}" width="75" height="75"/>
    <s:Group x="77" y="24" width="197">
        <s:Label id="lblStatus" text="Task Complete" fontWeight="bold" fontSize="25" alpha="0" cacheAsBitmap="true" hideEffect="" mouseEnabled="false"/>        
    </s:Group>

</s:Group>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-05-25 16:34:10

这是因为在动画开始之前,标签的位置与动画开始后的位置不同。我不知道你到底想实现什么,但有两个选择:

  • 您可以在second move效果中将xFrom="50"更改为xFrom="20"
  • 您可以将lblStatus x坐标更改为30;
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10750618

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档