91精品国产欧美一区二区18,综合视频一区,日韩av一区在线观看http://www.aygfsteel.com/plandu/category/52823.htmlzh-cnSat, 10 Nov 2012 00:02:15 GMTSat, 10 Nov 2012 00:02:15 GMT60調整組件z軸坐標http://www.aygfsteel.com/plandu/archive/2012/11/09/391107.html誰用我名字啦?誰用我名字啦?Fri, 09 Nov 2012 08:54:00 GMThttp://www.aygfsteel.com/plandu/archive/2012/11/09/391107.htmlhttp://www.aygfsteel.com/plandu/comments/391107.htmlhttp://www.aygfsteel.com/plandu/archive/2012/11/09/391107.html#Feedback0http://www.aygfsteel.com/plandu/comments/commentRss/391107.htmlhttp://www.aygfsteel.com/plandu/services/trackbacks/391107.htmlcav1.setChildIndex(event.currentTarget as DisplayObject, cav1.numChildren - 1);

參數一:cav1為容器,event.currentTarget 是容器中的一個組件,而as DisplayObject可能是因為容器中的組件式spark的,而容器式mx的,所以需要轉換一下。

參數而:cav1.numChildren - 1的值越小,該組件就越接近最上面。

]]>
使組件可以拖動的startDrag和stopDraghttp://www.aygfsteel.com/plandu/archive/2012/11/09/391105.html誰用我名字啦?誰用我名字啦?Fri, 09 Nov 2012 08:48:00 GMThttp://www.aygfsteel.com/plandu/archive/2012/11/09/391105.htmlhttp://www.aygfsteel.com/plandu/comments/391105.htmlhttp://www.aygfsteel.com/plandu/archive/2012/11/09/391105.html#Feedback0http://www.aygfsteel.com/plandu/comments/commentRss/391105.htmlhttp://www.aygfsteel.com/plandu/services/trackbacks/391105.html1.普通組件的拖動:

    添加mouseDown和mouseUp事件,在down事件中寫入startDrag(),在up事件中寫入stopDrag()

2.spark的Panel組件的拖動:

    添加id為pan,添加pan.titleDisplay.mouseDown和pan.titleDisplay.mouseUp事件如下,然后分別在down和up事件中寫入startDrag()和stopDrag()

    pan.titleDisplay.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
    pan.titleDisplay.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);

]]>
FusionCharts基于flex的圖表組件http://www.aygfsteel.com/plandu/archive/2012/10/24/390178.html誰用我名字啦?誰用我名字啦?Wed, 24 Oct 2012 08:57:00 GMThttp://www.aygfsteel.com/plandu/archive/2012/10/24/390178.htmlhttp://www.aygfsteel.com/plandu/comments/390178.htmlhttp://www.aygfsteel.com/plandu/archive/2012/10/24/390178.html#Feedback0http://www.aygfsteel.com/plandu/comments/commentRss/390178.htmlhttp://www.aygfsteel.com/plandu/services/trackbacks/390178.html
首先來個介紹:http://baike.baidu.com/view/2153728.htm,FusionCharts是一個非常之方便能夠動態生成多樣化圖表的組件。

網上對于FusionCharts的資料不是很多,而大部分都只是官方英文的,對于我這種英文白癡很是頭疼。下面將自己的使用心得分享并留作以后的查閱。內容不多,但絕對實用!

路徑結構
    1.Gallery 自帶的圖表示例,非常全面

創建圖表
    下例中在項目下新建FusionCharts路徑,存放圖表所需的swf、js文件


    1.在Charts路徑下復制swf文件到FusionCharts路徑。FusionCharts提供了2D、3D、地理、天氣等多種SWF文件,可以根據使用情況選擇。下例中使用3D圖表Column3D.swf。

    2.在SourceCode\JavaScript\Legacy路徑下復制FusionCharts.js腳本文件到FusionCharts路徑。

    3.在FusionCharts路徑下創建xml數據文件Data.xml

<chart yAxisName="Sales Figure" caption="Top 5 Sales Person"
    numberPrefix
="$" showBorder="1" imageSave="1">
   
<set label="Alex" value="25000"  />
   
<set label="Mark" value="35000" />
   
<set label="David" value="42300" />
   
<set label="Graham" value="35300" />
   
<set label="John" value="31300" />
</chart>

    4.編寫index.html測試代碼

<html>
   
<head>
       
<title>My First chart using FusionCharts XT</title>
       
<script type="text/javascript" src="FusionCharts/FusionCharts.js"></script> //引入的FunsionCharts腳本
   
</head>
   
<body>
       
<div id="chartContainer">
            FusionCharts XT will load here!
       
</div>
       
<script type="text/javascript">
       
<!--
           
var myChart = new FusionCharts( "FusionCharts/Column3D.swf"//設置swf文件路徑
                   
"myChartId", "400", "300", "0", "1" );
            myChart.setXMLUrl(
"FusionCharts/Data.xml"); //設置xml文件路徑
            myChart.render(
"chartContainer"); //顯示圖表的容器ID,上面的div
       
// -->
        </script>
   
</body>
</html>

    5.運行index.html,你將看到如下結果


如何使用配置參數
    參數可以到百度搜索,有比較全面的中文介紹。
    
    在Gallery 路徑下有很多例子供參考。而FusionCharts的參數設置都是在數據文件xml中完成,就是上例中的數據源Data.xml,在不同的標簽中寫入相應的屬性及參數既能得到不同的效果,參數大致包括圖表樣式的修改、文字樣式、數值顯示方式、動態效果等。(參數中的布爾值用1或0代替true或false)

動態XML數據(重點)
    上例中給出的是靜態的XML文件,對于項目來說數據往往是由后臺動態生成的。那么如何使用動態數據呢,例子如下:

    使用jquery ajax異步調用動態xml數據并展示

    js代碼,不必理會其他部分,注意:
        
        1.dataType : 'text',請求的返回數據類型一定是'text'字符串文本類型FusionCharts才能識別,json、xml格式都不可以。但返回的字符串必須是標準的xml格式,至于字符串形式的json格式是否能夠識別我沒有測試。
         (苦于英文不好,所以我在這里調試了1個多小時,因為FusionCharts能夠接收json、xml形式的靜態數據源,所以一直沒有想到在動態賦值只能接收字符串形式的數據源)

        2.chart.setDataXML(data),對于動態數據源不能使用上例中的setXMLUrl()方法。

$.ajax( {
        type : 'POST',
        contentType:
"application/json; charset=utf-8"
        url : 'year.action',
        data : parameters,
        dataType : 'text',

        success :
function(data) {
           
var chart = new FusionCharts("js/compare/MSColumn3D.swf", "ChartId", "560", "400", "0", "0");
            chart.setDataXML(data);
            chart.render(
"chartContainer");
        },

        error :
function(xhr) {
            alert('頁出錯\n\r'
+ xhr.responseText);
        }
    });

        3.數據源格式


    待續……

這里有英文的API和一些FAQ提示,英語好的可以看看:

http://kb.fusioncharts.com/questions/426/What+is+FusionCharts+JavaScript+API%3F


]]>
綁定自定義屬性——[bindable]和事件http://www.aygfsteel.com/plandu/archive/2012/10/20/389923.html誰用我名字啦?誰用我名字啦?Sat, 20 Oct 2012 07:00:00 GMThttp://www.aygfsteel.com/plandu/archive/2012/10/20/389923.htmlhttp://www.aygfsteel.com/plandu/comments/389923.htmlhttp://www.aygfsteel.com/plandu/archive/2012/10/20/389923.html#Feedback0http://www.aygfsteel.com/plandu/comments/commentRss/389923.htmlhttp://www.aygfsteel.com/plandu/services/trackbacks/389923.html
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s
="library://ns.adobe.com/flex/spark" 
               xmlns:mx
="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    
<fx:Declarations>
        
<!-- 將非可視元素(例如服務、值對象)放在此處 -->
    
</fx:Declarations>
    
<fx:Script>
        
<![CDATA[
            
            
//綁定屬性
            [Bindable]
            
private var _product:String;
            
            
//在set方法中創建屬性更新事件,并觸發該事件,以通知Flex屬性被更新
            public function set product(value:String):void
            {
                _product 
= value;
                dispatchEvent(
new Event("productChanged"));
            }
            
            
//在get方法聲明前,加入[Binndable]元素定義屬性綁定。這樣,當觸發屬性更新事件是,
            
//Flex將會修改對應的屬性
            
            
//沒弄明白這個綁定事件在什么情況下能用到.
            [Bindable(event="productChanged")]
            
public function get product():String
            {
                
return _product;
            }

        ]]
>
    
</fx:Script>
</s:Application>


]]>
圖形拖動(二)Sprite方式http://www.aygfsteel.com/plandu/archive/2012/10/20/389920.html誰用我名字啦?誰用我名字啦?Sat, 20 Oct 2012 06:41:00 GMThttp://www.aygfsteel.com/plandu/archive/2012/10/20/389920.htmlhttp://www.aygfsteel.com/plandu/comments/389920.htmlhttp://www.aygfsteel.com/plandu/archive/2012/10/20/389920.html#Feedback0http://www.aygfsteel.com/plandu/comments/commentRss/389920.htmlhttp://www.aygfsteel.com/plandu/services/trackbacks/389920.html
package
{
    
import flash.display.Sprite;
    
import flash.display.Shape;
    
import flash.events.Event;
    
import flash.events.MouseEvent;
    
    
public class dashias extends Sprite
    {
        
private var mySprite1:Sprite = new Sprite();
        
private var mySprite2:Sprite = new Sprite();
        
        
public function dashias()
        {
            
//畫圓
            var circle:Shape = new Shape();
            circle.graphics.lineStyle(
00x7B7B7B); //方法簽名: lineStyle(thickness, color)
            circle.graphics.beginFill(0xFF0000);
            circle.graphics.drawCircle(
0020);
            circle.graphics.endFill();
            
            
//吧circle對象加入到舞臺中
            mySprite1.addChild(circle);
            
this.addChild(mySprite1); //吧circle對象加入到舞臺中,this指stage
            mySprite1.x = 100//設置顯示列表構造對象mySprite的x坐標為100
            mySprite1.y = 100//設置顯示列表構造對象mySprite的y坐標為100
            
            
//畫線
            var line:Shape = new Shape();
            line.graphics.lineStyle(
40x00FF00);
            line.graphics.lineTo(
2020);
            line.graphics.endFill();
            line.x 
= 0;
            line.y 
= 0;
            
            mySprite2.addChild(line);
            
this.addChild(mySprite2);
            mySprite2.x 
= 100;
            mySprite2.y 
= 100;
            
            
//添加監聽事件
            
//ENTER_FRAME事件一位置Flash播放頭進入新的一幀,此時調用rotateRectObject偵聽器
            mySprite2.addEventListener(Event.ENTER_FRAME, rotateRectObject);
            
            
//實現對mySprite1的拖拽
            mySprite1.addEventListener(MouseEvent.MOUSE_UP, mouseReleased);
            mySprite1.addEventListener(MouseEvent.MOUSE_DOWN, mouseDown);
            
            
//在mySprite1這個顯示列表基本構造元素上顯示手型鼠標光標
            mySprite1.buttonMode = true;
            mySprite1.useHandCursor 
= true;
        }
        
        function rotateRectObject(evt:Event):
void {
            
//rotation si a property to rotate the respective object
            mySprite2.rotation += 1;
        }
        
        function mouseDown(event:MouseEvent):
void {
            mySprite1.startDrag();
        }
        
        function mouseReleased(event:MouseEvent):
void {
            mySprite1.stopDrag();
        }
    }
}


]]>
圖形拖動(一)副本的方式http://www.aygfsteel.com/plandu/archive/2012/10/20/389919.html誰用我名字啦?誰用我名字啦?Sat, 20 Oct 2012 06:40:00 GMThttp://www.aygfsteel.com/plandu/archive/2012/10/20/389919.htmlhttp://www.aygfsteel.com/plandu/comments/389919.htmlhttp://www.aygfsteel.com/plandu/archive/2012/10/20/389919.html#Feedback0http://www.aygfsteel.com/plandu/comments/commentRss/389919.htmlhttp://www.aygfsteel.com/plandu/services/trackbacks/389919.html<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s
="library://ns.adobe.com/flex/spark" 
               xmlns:mx
="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    
<fx:Script>
        
<![CDATA[
            import mx.controls.*;
            import mx.core.IVisualElement;
            import mx.core.UIComponent;
            import mx.graphics.ImageSnapshot;  
            
            [Embed(source="E:/flex/45.png")]
            [Bindable]
            private var bookImage:Class;
            
            public var uiComponent:Object;
            public var targetImage:Object;
            public var Ax:int = 0;
            public var Ay:int = 0;
            public function mouseDown(event:MouseEvent):void{
                //在原地生成圖片副本,然后將移動圖片。  
                this.uiComponent = event.currentTarget;
                //生成圖片  
                var bd:BitmapData = ImageSnapshot.captureBitmapData( UIComponent( uiComponent ) );  
                targetImage = new Image();   
                targetImage.source = new Bitmap(bd);  
                targetImage.x = uiComponent.x;  
                targetImage.y = uiComponent.y;  
                Ax = event.localX;  
                Ay = event.localY;  
                this.addEventListener(MouseEvent.MOUSE_MOVE, mouseMove);  
                this.addEventListener(MouseEvent.MOUSE_UP, mouseUp);
                this.addElement(targetImage as IVisualElement);// as DisplayObject
            }  
            
            public function mouseMove(event:MouseEvent):void{  
                targetImage.x = event.stageX-Ax;  
                targetImage.y = event.stageY-Ay;  
            }  
            
            public function mouseUp(event:MouseEvent):void{  
                this.removeEventListener(MouseEvent.MOUSE_MOVE, mouseMove);  
                this.removeEventListener(MouseEvent.MOUSE_UP, mouseUp);  
                
                //當鼠標移動到預定位置,將圖片刪除,并且移動源控件。  
                uiComponent.x = event.stageX-Ax;  
                uiComponent.y = event.stageY-Ay;  
                this.removeElement(targetImage as IVisualElement);  
                targetImage = null;  
                
            }  
        
]]>
    
</fx:Script>
    
<mx:Image x="331" y="127" source="{bookImage}" mouseDown="mouseDown(event)"/>
    
</s:Application>


]]>
輔助理解“顯示列表(Display List)”的AS例子http://www.aygfsteel.com/plandu/archive/2012/10/19/389861.html誰用我名字啦?誰用我名字啦?Fri, 19 Oct 2012 03:04:00 GMThttp://www.aygfsteel.com/plandu/archive/2012/10/19/389861.htmlhttp://www.aygfsteel.com/plandu/comments/389861.htmlhttp://www.aygfsteel.com/plandu/archive/2012/10/19/389861.html#Feedback0http://www.aygfsteel.com/plandu/comments/commentRss/389861.htmlhttp://www.aygfsteel.com/plandu/services/trackbacks/389861.htmlpackage
{
    
import flash.display.Sprite;
    
import flash.display.Shape;
    
import flash.events.Event;
    
import flash.events.MouseEvent;
    
    
public class dashias extends Sprite
    {
        
private var mySprite1:Sprite = new Sprite();
        
private var mySprite2:Sprite = new Sprite();
        
        
public function dashias()
        {
            
//畫圓
            var circle:Shape = new Shape();
            circle.graphics.lineStyle(
00x7B7B7B); //方法簽名: lineStyle(thickness, color)
            circle.graphics.beginFill(0xFF0000);
            circle.graphics.drawCircle(
0020);
            circle.graphics.endFill();
            
            
//吧circle對象加入到舞臺中
            mySprite1.addChild(circle);
            
this.addChild(mySprite1); //吧circle對象加入到舞臺中,this指stage
            mySprite1.x = 100//設置顯示列表構造對象mySprite的x坐標為100
            mySprite1.y = 100//設置顯示列表構造對象mySprite的y坐標為100
            
            
//畫線
            var line:Shape = new Shape();
            line.graphics.lineStyle(
40x00FF00);
            line.graphics.lineTo(
2020);
            line.graphics.endFill();
            line.x 
= 0;
            line.y 
= 0;
            
            mySprite2.addChild(line);
            
this.addChild(mySprite2);
            mySprite2.x 
= 100;
            mySprite2.y 
= 100;
            
            
//添加監聽事件
            
//ENTER_FRAME事件一位置Flash播放頭進入新的一幀,此時調用rotateRectObject偵聽器
            mySprite2.addEventListener(Event.ENTER_FRAME, rotateRectObject);
            
            
//實現對mySprite1的拖拽
            mySprite1.addEventListener(MouseEvent.MOUSE_UP, mouseReleased);
            mySprite1.addEventListener(MouseEvent.MOUSE_DOWN, mouseDown);
            
            
//在mySprite1這個顯示列表基本構造元素上顯示手型鼠標光標
            mySprite1.buttonMode = true;
            mySprite1.useHandCursor 
= true;
        }
        
        function rotateRectObject(evt:Event):
void {
            
//rotation si a property to rotate the respective object
            mySprite2.rotation += 1;
        }
        
        function mouseDown(event:MouseEvent):
void {
            mySprite1.startDrag();
        }
        
        function mouseReleased(event:MouseEvent):
void {
            mySprite1.stopDrag();
        }
    }
}



]]>
MXML(一)在MXML中調用AcitionScript的方式http://www.aygfsteel.com/plandu/archive/2012/10/18/389820.html誰用我名字啦?誰用我名字啦?Thu, 18 Oct 2012 07:14:00 GMThttp://www.aygfsteel.com/plandu/archive/2012/10/18/389820.htmlhttp://www.aygfsteel.com/plandu/comments/389820.htmlhttp://www.aygfsteel.com/plandu/archive/2012/10/18/389820.html#Feedback1http://www.aygfsteel.com/plandu/comments/commentRss/389820.htmlhttp://www.aygfsteel.com/plandu/services/trackbacks/389820.html
    1.內聯方式

    內聯方式,就是直接在MXML標簽中編寫AS代碼。這種方式通常用來定義事件偵聽方法或者數據綁定??梢杂梅痔枺?)分隔多個AS語句例如:

<s:Button click="mx.controls.Alert.show('welcome');trace('welcome');"/>

    2.標簽內嵌代碼方式

<s:Button id="myButton" label="welcome">
        
<s:click>
            
<![CDATA[
                var greetWord:String = "welcome";
                mx.controls.Alert.show(greetWord);
                trace("DONE!");
            
]]>
        
</s:click>
</s:Button>


    3.使用Script表簽

<fx:Script>
        
<![CDATA[
            //ActionScript代碼
            
            import mx.controls.Alert;
            
            private function welcome():void() {
                Alert.show("歡迎");
            }
        
]]>
</fx:Script>

    4.使用<fx:Script>標簽方式

    也可以通過在<fx:Script>標簽中制定source屬性來引用外部ActionScript文件。

<fx:Script source="AS_name.as" />



]]>
flex事件(四)Flex自定義事件http://www.aygfsteel.com/plandu/archive/2012/10/18/389793.html誰用我名字啦?誰用我名字啦?Thu, 18 Oct 2012 02:30:00 GMThttp://www.aygfsteel.com/plandu/archive/2012/10/18/389793.htmlhttp://www.aygfsteel.com/plandu/comments/389793.htmlhttp://www.aygfsteel.com/plandu/archive/2012/10/18/389793.html#Feedback0http://www.aygfsteel.com/plandu/comments/commentRss/389793.htmlhttp://www.aygfsteel.com/plandu/services/trackbacks/389793.html  自定義事件只是一個"特別"的ActionScript類。開發者創建自定義事件無外乎完成如下幾個任務:繼承flash.events.Event、定義事件屬性、編寫類構造器、重載clone方法。

一 繼承Event帶參數自定義事件

  1.創建AS事件類SwitchLightEvent


  2.創建事件觸發組件LightConsole


  3.創建應用CustomTraficLight



創建自定義事件5個步驟

1.使用ActionScript創建自定義事件  

  定義屬性
  開發者通常希望"消息"能夠攜帶更多的信息,提供更多的數據。在自定義事件中,通過定義屬性,可以讓事件攜帶更多的信息。


  編寫構造器


  類當然離不開構造器。事件類的構造器要完成兩項任務。

 ?。?). 調用Super()

  通過Super()調用父類的構造器,以初始化從父類繼承的屬性等。通常情況下,子類構造器應該首先調用Super()方法。當然,如果沒有為子類編寫構造器(不添加構造器方法),編譯器會自動添加一個構造器,并且也會調用Super()。但是,我們仍然推薦編寫構造器,并且顯式地調用Super()方法。


  (2). 設置屬性


  事件類型是最常用到的事件屬性。Super()可以接受String類型的參數,由此設置父類事件中繼承來的事件類型屬性(event.type)。

除了事件類型外,事件的其他自定義屬性可以作為構造器的參數傳入,在構造器中完成初始化。更靈活的是,這些屬性類型不僅僅局限于String、Number等基本類型,還可以是任何自定義類。


  重載clone方法


  創建自定義事件的最后一步是重載父類的clone方法,返回新的Event對象。當觸發事件時,即dispatchEvent(event)時,EventDispatcher會自動調用clone方法獲取新的Event對象。

重載clone方法將復制自定義類的所有屬性。如果你沒有對自定義事件類中添加的所有屬性進行賦值的話,那么當偵聽器處理觸發的自定義事件時,就不會獲得正確的屬性值。

2.使用元數據[Event]定義事件

  通過[Event]元數據,開發者可以為組件定義事件。編譯器能夠把這些自定義的事件識別為MXML標簽屬性。使用[Event]既可以為ActionScript組件定義事件,也可以為MXML組件定義事件。
   

 

//[Event(name="eventName",type="package.eventType")] 

//name說明了事件的名稱,而type表明了該名稱對應的事件類型。事件偵聽器使用name進行注冊。

 


  為ActionScript組件定義事件


//[Event]元數據必須置于包(package)定義之內,類(class)定義之上
            
            
package events{
                
                [Event(name
="sampleEvent", type="myEvents.SampleEvent")]
                
                
public class MyComponent extends UIComponent{
                    
//
                }
            }

 


  為MXML組件定義事件

<fx:Metadata>
        [Event(name="SwitchLightEvent", type="CustomTraficLight.events.SwitchLightEvent")]
    
</fx:Metadata>


3.觸發事件

4.創建事件偵聽器

 



]]>
flex事件(三)Flex應用啟動的事件序列http://www.aygfsteel.com/plandu/archive/2012/10/17/389758.html誰用我名字啦?誰用我名字啦?Wed, 17 Oct 2012 09:05:00 GMThttp://www.aygfsteel.com/plandu/archive/2012/10/17/389758.htmlhttp://www.aygfsteel.com/plandu/comments/389758.htmlhttp://www.aygfsteel.com/plandu/archive/2012/10/17/389758.html#Feedback0http://www.aygfsteel.com/plandu/comments/commentRss/389758.htmlhttp://www.aygfsteel.com/plandu/services/trackbacks/389758.htmlFlex應用啟動的事件序列(1)

  Flex的事件可以分為系統事件和用戶事件。

  由用戶操作觸發的事件,就是用戶事件。Flex的用戶事件遵循了W3C DOM Level3(W3C文檔對象模型Level3)事件規范。具體可參見http://www.w3.org/TR/DOM-Level-3-Events/ 。用戶事件是應用中最常見的事件類型,比如鼠標點擊、鍵盤輸入等都屬于用戶事件。除了用戶直接觸發的事件,在Flex應用運行過程中,Flex架構本身也會自動觸發一些事件,也就是所謂的系統事件。在信號燈應用中,creationComplete事件是系統事件,而MouseEvent.CLICK事件則是用戶事件。

  所有的Flex可視化組件都繼承自基類mx.core.UIComponent,同時也繼承了UIComponent的系統事件。當Flex應用啟動時,會觸發一系列事件,這些事件表明了組件在啟動過程中的不同時間點,比如被創建、布局完成或者在屏幕上完成繪制等。這些啟動序列事件幫助開發者更好的監控并控制應用運行生命周期的各個環節。實際上,這"一系列"事件都由一個事件類mx.events. FlexEvent表示。FlexEvent類的不同類型反映了啟動過程中不同階段發生的事件。

  在Flex應用中,容器和組件啟動時的事件序列不同。

  在組件所屬的容器內,組件被實例化、加入到父容器的顯示列表中,然后設置外觀尺寸,最終完成容器中的布局,并被繪制出來。圖3-1顯示了組件的啟動事件序列:


圖3-1

  由于容器包含了子組件,因此容器啟動時的序列不同于單一組件,圖3-2顯示了包含子組件的容器的啟動過程。不僅容器本身要完成創建的全過程,所包含的子組件也要依次序地完成自身的創建。當然如果容器中嵌入了子容器,其啟動過程與此類似。

圖3-2
 

Flex應用啟動的事件序列(2

  在所有組件和容器被創建并最終繪制在屏幕上之后,Application對象將觸發applicationComplete事件,該事件類型標志著應用啟動完畢,是應用啟動時觸發的最后一個事件。

3-2中描述的部分啟動序列事件解釋如下:

  preinitialize:在初始化之前觸發,對于容器來說,所有子組件尚未定義。一般來說,不會在該事件觸發時配置組件;

  initialize:當組件或容器完成構造,并設置初始化屬性后觸發。在這個階段,對于容器,其所有的子組件的preinitialize事件已經觸發,但是這些子組件還沒有完成布局;

  creationComplete:當應用或組件(包括所有子組件)完成構造、布局和繪制可見時觸發。當creationComplete事件發生時,組件已經被創建出來,因此開發者也能夠訪問同組件相關的屬性,比如height、width等屬性。開發者通常使用這個事件來對應用進行初始化配置。比如為某些應用組件添加偵聽器,調用Web服務等;

  applicationComplete:所有的組件初始化完成并顯示。

 



]]>
flex事件(二)事件對象重要的屬性和方法http://www.aygfsteel.com/plandu/archive/2012/10/17/389757.html誰用我名字啦?誰用我名字啦?Wed, 17 Oct 2012 08:54:00 GMThttp://www.aygfsteel.com/plandu/archive/2012/10/17/389757.htmlhttp://www.aygfsteel.com/plandu/comments/389757.htmlhttp://www.aygfsteel.com/plandu/archive/2012/10/17/389757.html#Feedback0http://www.aygfsteel.com/plandu/comments/commentRss/389757.htmlhttp://www.aygfsteel.com/plandu/services/trackbacks/389757.html事件對象重要的屬性和方法

  flash.event.Event類的全部6個屬性都是只讀屬性,這些屬性提供了發生事件的基本信息。我們已經討論過target和currentTarget屬性(見6.2.1節的事件屬性:target和currentTarget(見第103頁)),并在"EventJourney的事件偵聽器myEventhandler中使用eventPhase屬性來獲取事件旅程的階段。Event類也提供了許多方法。我們只介紹事件對象常用的屬性和方法,更詳細信息請參考"Adobe FlexTM 3語言參考"(http://livedocs.adobe.com/flex/3/langref/)。


1.target和currentTarget屬性
 

  如我們剛才提到的,在事件被觸發后,Flash Player就會創建事件對象,并逐一檢查"事件旅程"上的節點是否針對發生的事件注冊了偵聽器,為事件對象賦值,并調用偵聽器。事件對象源自flash.events.Event類。事件對象currentTarget屬性的值會在事件流中改變,而target屬性則不會變化。(關于事件對象,我們將在6.3節(見第106頁)深入討論)由此,開發者能夠通過

  currentTarget屬性獲知事件旅程現在停在了哪個節點上。

currentTarget屬性:事件旅程中,currentTarget屬性代表了Flash Player正在檢查的節點對象。比如,當Flash Player遍歷到ctnButtons對象,那么event.currentTarget就是ctnButtons對象。


  target屬性:target屬性就是發生事件的對象。在信號燈應用中,event.target就是用戶所點擊的按鈕對象,在事件旅程中,該屬性的值始終不變。信號燈應用中,偵聽器myEventHandler利用event.target來獲取被點擊按鈕上的標簽數據。此時賦給event.currentTarget屬性的則是HBox容器對象ctnButtons。

2. type屬性(String類型)

  當用戶進行鼠標操作時,Flash Player會自動調度鼠標事件MouseEvent。操作可能是鼠標點擊、移動、滑動滾輪等。這些不同的操作都是通過事件類型來標記的。

type屬性返回的字符串表明事件的類型。代表事件類型的字符串是大小寫敏感的。Flex以常量的形式內置了許多事件類型,如Event.unloaded和MouseEvent.CLICK。


. cancellable屬性(String類型)和preventDefault()方法

  默認情況下,許多事件都有 Flash Player 執行的關聯行為。比如,如果用戶在文本字段中鍵入一個字符,則默認行為就是在文本字段中顯示該字符。如果需要取消TextEvent.TEXT_INPUT事件的默認行為,你可以使用preventDefault()方法來阻止顯示所鍵入的字符。

不可取消行為的一個示例是與Event.REMOVED事件關聯的默認行為,只要Flash Player從顯示列表中刪除顯示對象,就會生成該事件。由于無法取消默認行為(刪除元素),因此preventDefault()方法對此默認行為無效。

  開發者可以使用Event.cancelable屬性來檢查是否可以阻止與特定事件關聯的默認行為。如果屬性Event.cancelable的值為true,則可以使用preventDefault()來取消默認行為,否則,preventDefault()無效。

 



]]>
主站蜘蛛池模板: 南和县| 青田县| 昌黎县| 灵台县| 新闻| 襄城县| 大庆市| 从化市| 应用必备| 微山县| 彭阳县| 康平县| 滨州市| 郧西县| 荣昌县| 龙川县| 库尔勒市| 会宁县| 大庆市| 古浪县| 吴堡县| 长垣县| 洛阳市| 清水河县| 凤山市| 林周县| 桂林市| 义马市| 革吉县| 葵青区| 沙坪坝区| 阿荣旗| 余庆县| 绥芬河市| 额济纳旗| 德安县| 陕西省| 本溪| 萨嘎县| 澄城县| 施甸县|