flex学习 states和transitions
关于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="">
<!--relativeTo 向已创建的容器bookForm中添加容器 relativeTo不解?-->
<!--creationPolicy属性决定子容器什么时候创建。默认auto值当状态被激活时容器创建了。all值，当程序开始被创建了。none值直到一个函数createInstance()被调用时才会被创建。-->
<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>
<!--在项目代码中通过使用星号(*)，你就告诉Flex当从任何一个状态切换到任何其它状态时就可以使用这个转换-->
<mx:Transition fromState="*" toState="*">
<!--使用转换，可以选择一起同时执行，或者依次执行，通过Parallel类让它们平行执行-->
<mx:Parallel targets="{[book, bookLink, title, isbn]}">
<!--指定组件要执行的动作。可以选择Resize或Move类-->
<!--第一个属性是duration。它决定resize转换维持多长时间完成。它的计数单位是毫秒，因此5000毫米就是5秒。-->
<!--easingFunction属性改变转变动画的速度,转换将持续5秒（5000毫秒），以弹跳方式结束，开始快然后慢-->
<mx:Resize duration="5000" easingFunction="Bounce.easeOut"/>
<!--让这两个动画依次执行-->
<mx:Sequence target="{isbn}">
<!--Blur类:先将对象变模糊，然后变清晰-->
<mx:Blur duration="2000" blurYfrom="0.0" blurYTo="20.0"/>
<mx:Blu
相关文档：
本文来自：http://www.insideria.com/2009/12/flex-101-creating-an-swipeslid.html
在本例中，我们将谈论怎样创建swipe/slide效果。当你从一个屏幕翻到另外一个屏幕上，你经常可以看到触摸设施里出现“转变”，我们就是受到了它的启发。一页内容从滑移到一边，另外一页从另外一边无缝滑动进来。
在我们进一步 ......
Flex 中的States(状态)
关键字: flex, states
States 是一套用于创建状态组件的强大工具，也就是说组件可以有多个视图。
使用States 来切换视图可以节约资源
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:states> ......
flex 和javascript互相调用。
一、flex 调用javascript
只需使用静态的ExternalInterface.call就可以了。
call 方法至少要求一个参数，就所调用额函数的名称。
也可以传递参数。
如：
ExternalInterface.call("alert","hello");
"hello"就是作为alert� ......
mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:cmp="com.render.*"
height="100%" width="100%" paddingTop="0" paddingBottom="0" paddingLeft="0" paddingRight="0">
<cmp:AutoSizeTree
&n ......
