flex狀態及動畫

切換base狀態:currentState=''(注意是兩個單引號)
跳轉navigateToURL(new URLRequest('http://www.**.com'),'_blank')

在state下改變某個控件的屬性(如某個控件可見)
<mx:State name="state1">
    <mx:SetPropery target="{datagrid}" name="visible" value="true"/>
</mx:State>

includeInLayout屬性爲false時,外部滾動條不出現。常用於某控件不可見時,將includeInLayout設爲false。
當可見後將includeInLayout設爲true。

添加動畫
首先創建一個效果
<mx:Fade id="fadein" alphaFrom=".6" alphaTo="1" duration="1000"/>
創建觸發器
<mx:Image rollOverEffet="{fadein}"/>

多組動畫在一起
創建Parallel塊
<mx:Parallel id="fadein"  duration="1000">
    <mx:Fade id="fadein" alphaFrom=".6" alphaTo="1"/>
    <mx:Resize widthTo="88" heightTo="88"/>
</mx:Parallel>

狀態之間切換,將多個效果連在一起,用Sequence塊
<mx:transitions>
<mx:Transition fromstate="state1" tostate="state2">
    <mx:Resize target="{datagrid}"/>
</mx:Transition>
<mx:Transition fromstate="state3" tostate="*">//*代表從state3到任何一個狀態
    <mx:WipeLeft target="{loginContainer}"/>//target可以指向多個,用逗號分開{loginContainer1,loginContainer2}
</mx:Transition>
</mx:transitions>

以下動畫解釋:從右到左的動畫應用於loginContainer,動畫結束後,刪除loginContainer,
之後增加mainContainer,增加後從左向右顯示
<mx:Sequence>
    <mx:WipeLeft target="{loginContainer}" showTarget="false"/>
    <mx:RemoveChildAction target="{loginContainer}"/>
    <mx:AddChhildAction target="{mainContainer}"/>
    <mx:WipeRight target="{mainContainer}"/>
</mx:Sequence>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章