Xml代碼

1. <? xml ? version = "1.0" ? encoding = "utf-8" ?> ??
2. < mx:Application ? xmlns:mx = "http://www.adobe.com/2006/mxml" ? layout = "absolute" ? creationComplete = "initUI()" > ??
3. ???? < mx:Style ? source = "style.css" ? /> ??
4. ??? ??
5. ???? < mx:Script > ??
6. ???????? <![CDATA[ ?
7. ????????????private?var?handlerEnd:Boolean?=?true; ?
8. ????????????private?var?isReverse:Boolean?=?false; ?
9. ??????????? ?
10. ????????????private?function?initUI():void{ ?
11. ????????????????Effect_Blur.target?=?myPanel; ?
12. ????????????????Effect_Glow.target?=?myPanel; ?
13. ????????????} ?
14. ????????????//開始播放動畫效果 ?
15. ????????????internal?function?startBlur():void{ ?
16. ????????????????//在播放函數中指定目標對象，[]是數組定義符號，[myPane] ?
17. ????????????????//var?arr:Array?=?new?Array(); ?
18. ????????????????//arr.push(myPanel); ?
19. ????????????????handlerEnd?=?true;??????????????? ?
20. ????????????????Effect_Blur.play(); ?
21. ????????????????Effect_Glow.play(); ?
22. ????????????} ?
23. ????????????//執行動畫播放結束后的動作 ?
24. ????????????internal?function?endBlur():void{ ?
25. ????????????????if(handlerEnd){ ?
26. ????????????????????//反向播放 ?
27. ????????????????????isReverse?=?!isReverse; ?
28. ????????????????????Effect_Blur.play(null,isReverse);??????????????????? ?
29. ????????????????} ?
30. ????????????} ?
31. ????????????internal?function?stopBlur():void{ ?
32. ????????????????handlerEnd?=?false; ?
33. ????????????????Effect_Blur.end(); ?
34. ??????????????? ?
35. ????????????????var?tmpArr:Array?=?myPanel.filters; ?
36. ????????????????//遍歷數組 ?
37. ????????????????for?(var?i:uint?=?0;?i?<?tmpArr.length;?i++)?{ ?
38. ????????????????????//is?是類型判斷符號，指明對象是否是指定對象的實例或指定對象子類的實例 ?
39. ????????????????????if?(tmpArr[i]?is?BlurFilter)?{ ?
40. ????????????????????????//如果是，從數組中刪除。 ?
41. ????????????????????????//splice（i,1)，刪除從i位置開始的一個元素 ?
42. ????????????????????????tmpArr.splice(i,1); ?
43. ????????????????????????i?=?i-1; ?
44. ????????????????????} ?
45. ????????????????} ?
46. ????????????????//將新的數據賦予對象，新的濾鏡生效 ?
47. ????????????????//myPanel.filters?=?tmpArr; ?
48. ????????????????myPanel.filters?=?[] ?
49. ????????????} ?
50. ????????]]> ??
51. ???? </ mx:Script > ??
52. ??? ??
53. ???? < mx:Blur ? id = "Effect_Blur" ? effectEnd = "endBlur()" ??
54. ???????? blurXFrom = "0" ? blurXTo = "30" ? blurYFrom = "0" ? blurYTo = "30" ? duration = "1500" /> ??
55. ???? < mx:Glow ? id = "Effect_Glow" ? alphaFrom = "1.0" ? alphaTo = "0.3" ??
56. ???????? blurXFrom = "0.0" ? blurXTo = "30.0" ??
57. ???????? blurYFrom = "0.0" ? blurYTo = "30.0" ? color = "0x6633ff" ? /> ??
58. ??? ??
59. ???? < mx:Panel ? id = "myPanel" ? styleName = "imgPanel" ? x = "30" ? y = "42" ? width = "232" ? height = "215" ? layout = "absolute" ? title = "圖片面板" > ??
60. ???????? < mx:Image ? x = "0" ? y = "10" ? source = "tree.jpg" /> ??
61. ???????? < mx:Label ? x = "0" ? y = "109" ? text = "walking?tree" /> ??
62. ???? </ mx:Panel > ??
63. ???? < mx:Button ? click = "startBlur()" ? x = "30" ? y = "275" ? label = "開始" ? width = "50" /> ??
64. ??? ??
65. ???? < mx:Button ? click = "stopBlur()" ? x = "124" ? y = "275" ? label = "停止" ? width = "48" /> ??
66. ??? ??
67. </ mx:Application > ??

      <?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initUI()">
    <mx:Style source="style.css" />
   
    <mx:Script>
        <![CDATA[
            private var handlerEnd:Boolean = true;
            private var isReverse:Boolean = false;
           
            private function initUI():void{
                Effect_Blur.target = myPanel;
                Effect_Glow.target = myPanel;
            }
            //開始播放動畫效果
            internal function startBlur():void{
                //在播放函數中指定目標對象，[]是數組定義符號，[myPane]
                //var arr:Array = new Array();
                //arr.push(myPanel);
                handlerEnd = true;               
                Effect_Blur.play();
                Effect_Glow.play();
            }
            //執行動畫播放結束后的動作
            internal function endBlur():void{
                if(handlerEnd){
                    //反向播放
                    isReverse = !isReverse;
                    Effect_Blur.play(null,isReverse);                   
                }
            }
            internal function stopBlur():void{
                handlerEnd = false;
                Effect_Blur.end();
               
                var tmpArr:Array = myPanel.filters;
                //遍歷數組
                for (var i:uint = 0; i < tmpArr.length; i++) {
                    //is 是類型判斷符號，指明對象是否是指定對象的實例或指定對象子類的實例
                    if (tmpArr[i] is BlurFilter) {
                        //如果是，從數組中刪除。
                        //splice（i,1)，刪除從i位置開始的一個元素
                        tmpArr.splice(i,1);
                        i = i-1;
                    }
                }
                //將新的數據賦予對象，新的濾鏡生效
                //myPanel.filters = tmpArr;
                myPanel.filters = []
            }
        ]]>
    </mx:Script>
   
    <mx:Blur id="Effect_Blur" effectEnd="endBlur()"
        blurXFrom="0" blurXTo="30" blurYFrom="0" blurYTo="30" duration="1500"/>
    <mx:Glow id="Effect_Glow" alphaFrom="1.0" alphaTo="0.3"
        blurXFrom="0.0" blurXTo="30.0"
        blurYFrom="0.0" blurYTo="30.0" color="0x6633ff" />
   
    <mx:Panel id="myPanel" styleName="imgPanel" x="30" y="42" width="232" height="215" layout="absolute" title="圖片面板">
        <mx:Image x="0" y="10" source="tree.jpg"/>
        <mx:Label x="0" y="109" text="walking tree"/>
    </mx:Panel>
    <mx:Button click="startBlur()" x="30" y="275" label="開始" width="50"/>
   
    <mx:Button click="stopBlur()" x="124" y="275" label="停止" width="48"/>
   
</mx:Application>