這篇文章是Flex動畫效果變換的最后一編了，這篇將會講述Flex中的“變面”（我自已的理解）技術，即是Transitions！

如果看過Flex SDK里面的自帶的例子程序，有一個叫“Flex Store”的應用，在里面的手機列表中看某一個手機的詳細時，就是這種效果，不多說，這篇會比較簡單，先看看效果：


看到了效果了吧，這種的變換不難實現，再來看看代碼再解析：


代碼會比較多，我們先看看<mx:states>標簽，它是一個集合，就是你的程序有多少個狀態，什么是狀態呢？我自已理解就即是有多少個“面譜”，即是現在程序里面有四個顯示界面狀態，所以里面有四個<mx:State>標簽，每個<mx:State>狀態都需要有一個名字name屬性，以區分是哪個界面狀態，在每個狀態里面都有很多<mx:SetProperty>的標簽，看英文都知道了，該標簽用于設置這個狀態下的所有界面元素的屬性（組件的屬性），因為每個界面狀態中各個組件的大小布局都不同，所以在狀態標簽里就要預先設置好該狀態下的組件的位置與大小，那個target="{windowC}"屬性就是設置你要設置的哪個組件的名字拉，name="height"就是你要設置的屬性value="333"就是你要設置該屬性的值，我們細心看看的話，可能會發現，每個狀態里面設置的屬性，都是width,height,x,y這四個屬性，我們看看上面的最終效果就知道無論切換哪個狀態，組件間的變換來來去去都是移動位置與大小改變，就是說當你變換狀態時，需要改動哪些屬性的，就將它的目標值設置在<mx:SetProperty>標簽里。再看看下面的<mx:transitions>標簽，這個也是個集合，里面放著不同的變換方法<mx:Transition>，我們來看看變換標簽的代碼：

formState與toState屬性是要設置該狀態變換是怎樣觸發的，里面要填上狀態的名字，<mx:State name="C">   C就是狀態的名字，即是如果你formState="A",toState="C"的話，只有從A狀態切換到C狀態時，才會產生以上的變換動畫效果，如果不附合該規則如A切換到B狀態的話，則只會按狀態的屬性設置值來直接生成視圖，而沒有動畫漸變效果了。如果填上“*”的話，就是無論是哪個狀態切換到哪個，都會運行動畫效果，至于變換期間用到哪種動畫效果來進行漸變，就在它的下級標簽里定義了，這里它用到了<mx:Parallel>并列播放移動與重整大小的動畫效果，之前文章講過，這里不多說了。基本上，一個變換就做好了，但我們還需要觸發它，也就是去改變程序當前的顯示狀態：click="currentState='A'" 在每個組件的click事件里，改變程序的currentState值，就是改變程序的當前顯示狀態！之后動畫效果就會觸發了！

遲點有時間，再做一個3D的動畫效果，將會用到PV3D的框架，再整理一個代碼與教程也貼出來跟大家分享吧，不過不知道大家對PV3D這個東東熟悉不，不熟悉的話，可能看得痛苦點，至于PV3D方面的教程，我也看看抽點時間寫寫吧！先謝過大家的支持！