1.10.在ActionScript中創建組件

1.10.1.問題
我想用ActionScript而不是MXML去創建組件。
1.10.2.解決辦法
創建ActionScript文件并繼承一個Flex庫組件。
1.10.3.討論
除了在MXML中創建組件為，你還可以在ActionScript中創建它們而根本不需要MXML。操作有點不同，只需要幾步。首先確定你的類正確定義包名，下面的例子中，組件所在目錄是以應用程序級目錄開始，然后是oreilly/cookbook/，這就是包名稱的意義：
package oreilly.cookbook
另一個區別是任何被包括或引入的類都必須使用全路徑導入進來，這包括任何組件即將繼承的類，例如這里的mx.containers.Canvas：
import mx.containers.Canvas;
import mx.controls.Text;
import mx.controls.Image;
import oreilly.cookbook.Person;
public class PersonRenderer extends Canvas
{
通常類申明后面會列出所有常量或變量。下面的例子中，類的所有私有變量都被列出。這些屬性只有組件自身可以訪問，其他組件都不可以。要訪問這些屬性，需要提供get和set方法。

Getter和Setter方法是一種常見的用于訪問私有變量的方式。
private var _data:Object;
private var nameText:Text;
private var ageText:Text;
private var positionText:Text;
private var image:Image;
在ActionScript中，構造函數總是公有的，且沒有返回值，名稱與類名相同，例如：
public function PersonRenderer ()
{
super();
任何將被加入到組件的組件都有其構造函數，作為addChild方法的參數被加入到顯示列表中，他們的屬性可以被修改。

-ActionScript

nameText = new Text();
addChild(nameText);
ageText = new Text();
addChild(ageText);

下面的例子中，ageText組件進行手動定位，這是必要的，因為PersonRenderer是一個Canvas，它并不具有布局管理器，不像VBox或HBox組件。

-ActionScript

ageText.y = 20;
positionText = new Text();
addChild(positionText);
positionText.y = 40;
image = new Image();
addChild(image);
image.y = 60;
}

如果組件已經定義了方法處理數據，比如這里的mx.containers.Canvas，你必須重寫這些方法來執行自定義行為。要重寫則需使用override關鍵字指示編譯器試圖重寫父類的方法，例如：

-ActionScript

override public function set data(value:Object):void
{
_data = value;
nameText.text = value.name;
ageText.text = String(value.age);
positionText.text = value.position;
image.source = value.image;
}
override public function get data():Object
{
return _data;
}

這是最后一個方法，很原始的方法，作用域為公開：

-ActionScript

public function retrievePerson():Person
{
/* do some special employee processing */
return null;
}
}
}

要想把這個類添加到其他組件中，可使用下面的ActionScript代碼：

-ActionScript

var renderer:PersonRenderer = new PersonRenderer();
addChild(renderer);

或者在MXML中：

-XML

<renderers:PersonRenderer id="renderer"/>

上一篇：1.7.設置子節點屬性

下一篇：1.9.在ActionScript中設置變量的作用域

學習交流

硬盤分區如何設置準確的分區空間

硬盤分區如何設置準確的分區空間...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

英偉達市值一夜大漲9246億創2023年5月以來最大單周漲幅

2024-04-27 13:35:46

雷軍：小米正在申請3萬件專利，以提升自身的競爭力

2024-04-27 13:33:47

人參泡酒15年后竟“復活”？網友：這酒還能喝不？

2024-04-24 22:53:44

芯片股普漲！英偉達市值一夜大漲6000億元

2024-04-23 19:32:50

面館老板1天賣100碗剛夠交房租要賣到150碗才能實現盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小時跌沒3年凈利潤

2024-04-23 19:13:19

疑難解答

圖片精選

網友關注