1.變色顏色的動(dòng)畫(huà)效果
本例要實(shí)現的是當鼠標滑過(guò)Panel時(shí),Panel的顏色發(fā)生變化,當鼠標移走時(shí),Panel的顏色又發(fā)生了變化,這需要“Color Animation”。Color Animation動(dòng)畫(huà)的屬性主要有4個(gè):
Duration:動(dòng)畫(huà)顯示效果的時(shí)間間隔。
PropertyKey:要設置的屬性值。
StartValue:屬性的開(kāi)始值。
EndValue:屬性的結束值。
2.淡入淡出合并的動(dòng)畫(huà)效果
淡入淡出效果是網(wǎng)站中經(jīng)??吹降男Ч?,本例使用“Fade Animation”來(lái)實(shí)現這樣的效果,“Fade Animation”的屬性主要有4個(gè):
duration:動(dòng)畫(huà)效果的時(shí)間間隔。
Fps:幀/秒的顯示速度。
maximumOpacity:最大透明度。
minimumOpacity:最小透明度。
3.淡入和淡出分開(kāi)的動(dòng)畫(huà)效果
上一個(gè)實(shí)例中,當鼠標滑過(guò)時(shí),其實(shí)是完成兩步:淡入和淡出。通常在實(shí)際應用中,淡入和淡出是分開(kāi)的。本例要演示的是當鼠標滑過(guò)時(shí),實(shí)現淡入效果,當鼠標移出時(shí),實(shí)現淡出效果。
此功能需要使用“FadeIn Animation”和“FadeOut Animation”,其中兩個(gè)動(dòng)畫(huà)控件有著(zhù)相同的屬性,屬性?xún)热萑缦拢?br> duration:動(dòng)畫(huà)效果的時(shí)間間隔。
Fps:幀/秒的顯示速度。
maximumOpacity:最大透明度。
minimumOpacity:最小透明度。
4.可伸縮的動(dòng)畫(huà)效果
本例要實(shí)現的效果是,當單擊Panel時(shí),變化Panel的高度和寬度。這需要使用“Resize Animation”動(dòng)畫(huà)控件。其屬性主要有5個(gè):
duration:動(dòng)畫(huà)效果的時(shí)間間隔。
Fps:幀/秒的顯示速度。
width:變化后的寬度。
height:變化后的高度。
unit:高度和寬度的單位,通常為“px”。
代碼實(shí)例:




































運行結果:

聯(lián)系客服