我有两种状态。当我从OFF切换到A时,它会正确调整大小,但是当我从A切换回OFF时,会发生没有平滑调整大小过渡的情况。我究竟做错了什么?在Flex 4中,状态转换不会在两个方向调整大小
这里是我的代码:
<?xml version="1.0" encoding="utf-8"?>
<s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
<![CDATA[
protected function butA_changeHandler(e:Event):void
{
if ((e.target as ToggleButton).selected) {
this.currentState="A";
} else {
this.currentState="off";
}
}
]]>
</fx:Script>
<s:states>
<s:State name="off" />
<s:State name="A" />
</s:states>
<s:transitions>
<s:Transition fromState="off" toState="A" autoReverse="true">
<s:Parallel duration="300">
<s:Resize target="{content}" heightTo="{cA.height}" />
<s:Fade targets="{cA}"/>
</s:Parallel>
</s:Transition>
<s:Transition fromState="A" toState="off" autoReverse="true">
<s:Parallel duration="300">
<s:Resize target="{content}" heightTo="0" />
<s:Fade targets="{cA}"/>
</s:Parallel>
</s:Transition>
</s:transitions>
<s:Group id="content" excludeFrom="off" width="100%" clipAndEnableScrolling="true">
<s:Group id="cA" includeIn="A" width="100%"><s:Label fontSize="70" text="A"/></s:Group>
</s:Group>
<s:HGroup>
<s:ToggleButton id="butA" label="A" change="butA_changeHandler(event)"/>
</s:HGroup>
</s:VGroup>
由于提前, 努诺
你好凯文,非常感谢你!它像一个魅力。尽管如此,尽管我已经在Adobe Flex文档中了解了它,但我仍然不太了解AddAction/RemoveAction的必要性:-(如果您想解释我将会非常感谢,谢谢!Nuno – nununo 2011-04-05 10:35:38
So你的意思是我不能使用addAction/removeAction和一个使用includeIn/excludeFrom的目标吗?这很令人困惑,因为即使这个例子没有这个,这正是我在真实生活中需要的。 – nununo 2011-04-05 11:08:28
AddAction/RemoveAction和includeIn/excludeFrom都在做同样的事情 - 在已经在显示列表中的父容器中添加/删除显示对象。问题是,您希望使用转换来触发刚刚从显示列表中移除的显示对象上的动画通过一个excludeFrom。你以前的序列: 状态变化 - > includeFrom/excludeFrom的处理 - >转换过程隐藏 您可以先手动播放动画,然后更改视图状态以解决问题: 手动播放动画,不添加/删除操作 - >状态更改 – 2011-04-05 12:22:22