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

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


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


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

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

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