在写FLEX应用，从外部加载配置文件是一个很常用的方法

如何让SWF在配置文件加载完成之前开始工作呢？
有两种方法，
一种是直接控制所有子元件的表现，在配置文件加载完毕之前不做任务动作。
但这意味着每加一个子元件你就要加一定的额外的脚本来侦听配置加载是否完成。
另一种是在FLEX主MXML的CreationComplete事件前完成一些配置工作，这需要我们自定义loading类 (preloader),下面是我的一个课程设计中的例子，preloader参考了flex cookbook的例子：

OBSPreLoader.as (OBS= Online Book Store…)

1. package iptton.utils{
2. import com.adobe.cairngorm.control.CairngormEventDispatcher;
3. import flash.display.Shape;
4. import flash.display.Sprite;
5. import flash.events.Event;
6. import flash.events.ProgressEvent;
7. import flash.text.TextField;
8. import flash.text.TextFormat;
9. import iptton.events.*;
10. import mx.events.FlexEvent;
11. import mx.preloaders.IPreloaderDisplay;
12. import mx.preloaders.Preloader;
13. public class OBSPreloader extends Sprite implements IPreloaderDisplay
14. {
15. private var _bgAlpha:Number;
16. private var _bgColor:uint;
17. private var _bgImage:Object;
18. private var _bgSize:String;
19. private var _stageHeight:Number;
20. private var _stageWidth:Number;
21. private var _preloader:Preloader;
22. private var _downloadBar:Shape;
23. private var _initBar:Shape;
24. private var _initField:TextField;
25. public function OBSPreloader()
26. {   _initField = new TextField()
27. _initField.defaultTextFormat => new TextFormat( ‘Arial’, 12, 0xFFFFFF, true );
28. _downloadBar = new Shape();
29. addChild( _downloadBar );
30. _initBar = new Shape();
31. addChild( _initBar );
32. }
33. // initialize any properties on display.
34. public function initialize():void
35. {
36. _downloadBar.x = ( _stageWidth / 2 ) - 20;
37. _initBar.x = _downloadBar.x - 2;
38. _downloadBar.y = ( _stageHeight / 2 ) - 50;
39. _initBar.y = _downloadBar.y;
40. _initField.x = _initBar.x + 2;
41. _initField.y = _initBar.y + 100 - 15;
42. _initField.width=400;
43. addChild( _initField );
44. }
45. // define event handlers of the Preloader instance
46. public function set preloader( obj:Sprite ):void
47. {
48. _preloader = obj as Preloader;
49. _preloader.addEventListener( ProgressEvent.PROGRESS,
50. downloadProgressHandler );
51. _preloader.addEventListener( FlexEvent.INIT_PROGRESS,
52. initProgressHandler );
53. _preloader.addEventListener( FlexEvent.INIT_COMPLETE,
54. initCompleteHandler );
55. }
56. public function get backgroundAlpha():Number
57. {
58. return _bgAlpha;
59. }
60. public function set backgroundAlpha(value:Number):void
61. {
62. _bgAlpha = value;
63. }
64. public function get backgroundColor():uint
65. {
66. return _bgColor;
67. }
68. public function set backgroundColor(value:uint):void
69. {
70. _bgColor = value;
71. }
72. public function get backgroundImage():Object
73. {
74. return _bgImage;
75. }
76. public function set backgroundImage(value:Object):void
77. {
78. _bgImage = value;
79. }
80. public function get backgroundSize():String
81. {
82. return _bgSize;
83. }
84. public function set backgroundSize(value:String):void
85. {
86. _bgSize = value;
87. }
88. public function get stageHeight():Number
89. {
90. return _stageHeight;
91. }
92. public function set stageHeight(value:Number):void
93. {
94. _stageHeight = value;
95. }
96. public function get stageWidth():Number
97. {
98. return _stageWidth;
99. }
100. public function set stageWidth(value:Number):void
101. {
102. _stageWidth = value;
103. }
104. //=========temp==
105. public function setLabel(s:String):void
106. {
107. _initField.text=s;
108. }
109. 
     
110. 
     
111. // handle SWF file download progress.
112. private function downloadProgressHandler( evt:ProgressEvent ):void
113. {
114. var perc:Number = ( ( evt.bytesLoaded / evt.bytesTotal ) * 100 );
115. var top:Number = 100 - perc;
116. _downloadBar.graphics.clear();
117. _downloadBar.graphics.beginFill( 0xFF0000, 1 );
118. _downloadBar.graphics.moveTo( 0, 0 );
119. _downloadBar.graphics.lineTo( 10, 0 );
120. _downloadBar.graphics.lineTo( 10, perc * 0.9 );
121. _downloadBar.graphics.lineTo( 0, perc * 0.9 );
122. _downloadBar.graphics.lineTo( 0, 0 );
123. _downloadBar.graphics.endFill();
124.  
125. _initBar.graphics.clear();
126. _initBar.graphics.beginFill( 0xFFFFFF, 1 );
127. _initBar.graphics.moveTo( 0, 100 );
128. _initBar.graphics.lineTo( 2, 100 );
129. _initBar.graphics.lineTo( 2, top );
130. _initBar.graphics.lineTo( 0, top );
131. _initBar.graphics.lineTo( 0, 100 );
132. _initBar.graphics.endFill();
133. setLabel(perc+” %loaded (”+evt.bytesLoaded + ” / ” + evt.bytesTotal +”)”);
134. }
135. // handle application initialization progress.
136. private function initProgressHandler( evt:FlexEvent ):void
137. {
138. _initField.text = ” 正在初始化…”;
139. }
140. // handle completion of download and initialization.
141. private function initCompleteHandler( evt:FlexEvent ):void
142. {
143. new SystemConfig(this);
144. }
145. public function notifyOfConfigLoaded(o:Object):void
146. {
147. /*
148. var timer:Timer = new Timer( 3000, 1 );
149. timer.addEventListener( TimerEvent.TIMER_COMPLETE, notifyOfComplete );
150. timer.start();
151. */
152. dispatchEvent( new Event( Event.COMPLETE ) );
153. var ced:CairngormEventDispatcher=CairngormEventDispatcher.getInstance();
154. ced.dispatchEvent( new SystemEvent(SystemEvent.INITAL,o));
     
155. }
156. }
157. }

1. package iptton.utils{
2. import flash.display.*;
3. import flash.events.*;
4. import flash.net.*;
5. import flash.utils.*;
7. /**
8. * 获取系统配置内容
9. *
10. * =============================
11. * 配置文件格式：
12. * <config>
13. *  <property name=”amfphpGatewayUrl” value=”http://localhost/amfphp/gateway.php”>
14. *  <property name=”…” value=”…”>
15. *  …
16. * <config>
17. * =============================
18. * */
19. public class SystemConfig{
20. private var _parent:OBSPreloader;
21. /**
22. * 返回给callback的参数为一个对象
23. *
24. * 内容有：
25. *      amfphpGatewayUrl:String
26. **/
27. public function SystemConfig(parent:OBSPreloader,configUrl:String=“swfConfig.xml”){
28. _parent=parent;
29. var loader:URLLoader = new URLLoader();
30. var req:URLRequest = new URLRequest(configUrl);
31. loader.load(req);
32. loader.addEventListener(Event.COMPLETE,onResult);
33. loader.addEventListener(ProgressEvent.PROGRESS,progressing);
34. _parent.setLabel(“正在加载配置文件…”);
35. }
36. protected function progressing(event:ProgressEvent):void{
37. _parent.setLabel(100*event.bytesLoaded/event.bytesTotal+“ %loaded (”+event.bytesLoaded + “ / ” + event.bytesTotal +“)”);
38. }
39. protected function onResult(event:Event):void{
40. _parent.setLabel(“配置文件加载完毕…”);
41. var xmlobj:XML = new XML(event.target.data);
42. var ret:Object=new Object();
43. var tmp:XMLList=xmlobj.property;
44. for each(var node:XML in tmp){
45. _parent.setLabel(“正在设置： ”+node.@name+“ : ”+node.@value+“…”);
46. ret[node.@name]=node.@value;
47. }
48. _parent.notifyOfConfigLoaded(ret);
49. }
50. }
51. }</config></property></property></config>