Flex動畫效果與變換 三

2021-08-25 18:39:56 字數 1010 閱讀 8932

**:

這篇文章是flex動畫效果變換的最後一編了,這篇將會講述flex中的「變麵」技術,即是transitions!

看到了效果了吧,這種的變換不難實現,再來看看**再解析:

代 碼會比較多,我們先看看標籤,它是乙個集合,就是你的程式有多少個狀態,什麼是狀態呢?我自已理解就即是有多少個「面 譜」,即是現在程式裡面有四個顯示介面狀態,所以裡面有四個標籤,每個狀態都需要有一 個名字name屬性,以區分是哪個介面狀態,在每個狀態裡面都有很多的標籤,看英文都知道了,該標籤用於設 置這個狀態下的所有介面元素的屬性(元件的屬性),因為每個介面狀態中各個元件的大小布局都不同,所以在狀態標籤裡就要預先設定好該狀態下的元件的位置與 大小,那個target=」」屬性就是設定你要設定的哪個元件的名字拉,name=」height」就是你要設定的屬性value= 「333″就是你要設定該屬性的值,我們細心看看的話,可能會發現,每個狀態裡面設定的屬性,都是width,height,x,y這四個屬性,我們看看 上面的最終效果就知道無論切換哪個狀態,元件間的變換來來去去都是移動位置與大小改變,就是說當你變換狀態時,需要改動哪些屬性的,就將它的目標值設定在 標籤裡。再看看下面的標籤,這個也是個集合,裡面放著不同的 變換方法,我們來看看變換標籤的**:

formstate 與tostate屬性是要設定該狀態變換是怎樣觸發的,裡面要填上狀態的名字,c就是狀態的名字,即是如果你formstate=」a」,tostate=」c」的話,只有從a狀態切換到c狀態時,才會產生以上的變換動畫效果,如果 不附合該規則如a切換到b狀態的話,則只會按狀態的屬性設定值來直接生成檢視,而沒有動畫漸變效果了。如果填上「*」的話,就是無論是哪個狀態切換到哪 個,都會執行動畫效果,至於變換期間用到哪種動畫效果來進行漸變,就在它的下級標籤裡定義了,這裡它用到了並列播 放移動與重整大小的動畫效果,之前文章講過,這裡不多說了。基本上,乙個變換就做好了,但我們還需要觸發它,也就是去改變程式當前的顯示狀態:click =」currentstate=』a'」 在每個元件的click事件裡,改變程式的currentstate值,就是改變程式的當前顯示狀態!之後動畫效果就會觸發了!

Flex動畫效果與變換 二

很多開發者都並不滿足flex裡提供的簡單的漸 變大小,透明,移動,遮罩等的效果,如果是flash的開發者的話,更不用說了,在flash,多數人都是隨意的製作一些動畫效果等,而且形態多變。但是 不是flex裡就不能實現呢?肯定不是,在flex裡也可以自定義動畫效果,只不過就是沒有flash裡面那麼簡單...

Flex的動畫效果與變換 二

本文出自 在上篇文章 flex的動畫效果與變換 一 中講到了使用flex系統裡面自帶的一些動來效果的使用,但很多開發者都並不滿足flex裡提供的簡單的漸變大小,透明,移動,遮罩等的效果,如果是flash的開發者的話,更不用說了,在flash,多數人都是隨意的製作一些動畫效果等,而且形態多變。但是不是...

Flex的動畫效果與變換!(一)

在flex裡面不像在flash裡面隨意製作動畫了,flex更趨向於應用程式,而不是動畫製作了,所以沒有了時間軸的概念。在flex中使用動畫效果,可以用flex自帶的effect,或者自已定製effect,因為很多人都想借flash裡面的一樣操作flex,比如在flash裡面做乙個動態按鈕很容易,當滑...