flex学习----states和transitions

最新推荐文章于 2019-08-23 10:20:44 发布

原创最新推荐文章于 2019-08-23 10:20:44 发布 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#flex #parallel #transition #application #encoding #xml

flex 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个使用Flex框架实现的应用状态管理案例，详细解释了如何定义不同的应用状态，并通过过渡效果来实现状态之间的平滑切换。此外，还探讨了相对位置属性relativeTo的使用及其与其他容器的关系。

关于states

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"> <mx:Script> <![CDATA[ import mx.effects.easing.Bounce; ]]> </mx:Script> <mx:states> <mx:State name="bookDetails" basedOn="">   <mx:AddChild relativeTo="{bookForm}" position="lastChild" creationPolicy="all"> <mx:FormItem label="ISBN:121212222" id="isbn"/> </mx:AddChild> <mx:SetProperty target="{panel1}" name="title" value="bookDetails"/> <mx:RemoveChild target="{bookLink}"/> <mx:AddChild relativeTo="{spacer1}" position="before"> <mx:LinkButton label="Collapse Book Details" click="currentState=''"/> </mx:AddChild> </mx:State> </mx:states> <mx:transitions>  <mx:Transition fromState="*" toState="*">  <mx:Parallel targets="{[book, bookLink, title, isbn]}">    <mx:Resize duration="5000" easingFunction="Bounce.easeOut"/>  <mx:Sequence target="{isbn}">  <mx:Blur duration="2000" blurYFrom="0.0" blurYTo="20.0"/> <mx:Blur duration="2000" blurYFrom="20.0" blurYTo="0.0"/> </mx:Sequence> </mx:Parallel> </mx:Transition> </mx:transitions>  <mx:Panel title="XML Book" horizontalScrollPolicy= "off" verticalScrollPolicy="off" id="panel1"> <mx:Form id="bookForm"> <mx:FormItem label="Foundation XML for Flash" fontWeight="bold" id="book"/> <mx:FormItem label="Sas Jacobs" fontStyle="italic" id="title"/> </mx:Form> </mx:Panel> <mx:ControlBar> <mx:LinkButton label="submit" id="bookLink" click="currentState='bookDetails'"/>  <mx:Spacer width="100%" id="spacer1"/> <mx:Label text="Title" /> </mx:ControlBar> </mx:Application>

relativeTo 关联的位置有疑问，不知道是与关联的容器是包含还是什么其他的关系