複数ロードのプログレスを一本化できる「マルチプログレスマネージャー」で幸運パワーを掴め！

マルチプログレスマネージャーは、パーセント表示のMVCのM（モデル）部分

マルチプログレスマネージャーはモデルに徹します。大きな流れとしては以下の3点！

1. MultiProgressManagerのインスタンスを作って
2. それぞれのプログレスを見張るをモデルを突っ込むと、
3. 全部をまとめて0～1までに変換された進捗率が吐き出されます

//マルチプログレスマネージャーのインスタンス生成
_progressManager = new MultiProgressManager();
//ローダーのプログレスを70%に設定して突っ込む
var loader:Loader = new Loader();
var model:AbstractProgressModel = new ProgressEventModel(loader.contentLoaderInfo, 0.7);
_progressManager.addProgress(model);

//他の素材読み込みを残り30%に割り当てて突っ込む
var urlLoader:URLLoader = new URLLoader();
_progressManager.addProgress(new ProgressEventModel(urlLoader, 0.3);

//読み込み開始
_progressManager.start();
loader.load(new URLRequest("main.swf"));
urlLoader.load(new URLRequest("config.xml"));

パーセント表示はMultiProgressManagerのイベントを監視するだけ。それもプログレスとコンプリートの2つだけ！

MultiProgressManagerを稼動させるとプログレスのイベントが通知されるのでそれをリスンします。

//このイベントにまとめられたパーセントのプログレスが入っています。
_progressManager.addEventListener(ProgressPercentEvent.PERCENT_PROGRESS, progressHandler);
//パーセントの完了イベント
_progressManager.addEventListener(ProgressPercentEvent.PERCENT_COMPLETE, completeHandler);

//プログレスのイベントハンドラ
private function progressHandler(event:ProgressPercentEvent):void
{
	//パーセント表示を更新
	loadingBar_mc.scaleX = event.percent; //event.percentは0～1までのNumber
}
private function completeHandler(event:ProgressPercentEvent):void
{
	trace("終了");
}

さっきのわかりにくい図が驚くほど簡単に！

担当すべきクラスを分けることで、みるみるあっさりしました！これこそ宇宙の波動！

UMLっぽくするとこうなります（でっちあげのUMLです）

モデルの拡張も簡単！いろんなプログレスに対応できる！

AbstractProgressModelを継承すれば、標準のプログレス以外にも対応できます。しかも、考えるのは2点だけ！

1. progressイベントをリスンすることを書く
2. 完了したときの処理を書く

を書くだけで簡単に拡張できます。同梱しているBulkLoader用のBulkLoaderProgressModelがまさにこれです。

「main.swfは全体の50%くらい、config.xmlは10%くらいで」といった、割り当てもサクっとできる！！

個別にプログレスを監視するクラス（AbstractProgressModel）にはpercentRangeというプロパティがあります。こいつが「main.swfは全体の50%にしよう」といったプロパティになります。

//50%で読み込む
var model:AbstractProgressModel = new ProgressEventModel(loader.contentLoaderInfo, 0.5);

下図のような割合でやるときも、引数を割り当てるだけで実現できちゃいます。

さらに、今回は「パーセントが上昇するときのスムージング（線形補完）」もお付けします！

new MultiProgressManagerするときの第二引数をtrueにするだけで、スムージングします。
いちいちView側で操作する必要がありません。

//引数は EnterFrameの監視にStage
//スムージングをtrue
//スムージングのfrictionを0.3
//パーセントがいっきに上がりすぎないための、最大の上昇幅
new MultiProgressManager(stage, true, 0.3, 0.05)

1.preloader.swf起動（Preloader.as)

2.preloaderがmain.swf読み込み（Preloader.as)

reloader.as 66行目付近から

1. インスタンスの生成（シングルトンバージョンを使用します）

   SiMultiProgressManager.getInstance(stage, true, 0.3, 0.05);

2. イベントハンドラの設定
3. 読み込み開始

3.main.swfを読み終えたら、設定xmlの読み込み

1. Preloader.as 95行目付近 mainLoadCompleteHandler内部で
2. Main.as の86行目 start()を呼び、Mainの構築用のスレッドを開始します
3. LoadConfigThread.as内部でxmlを読み込みます。

4.設定xmlに指定された複数画像の読み込み

AssetsLoadThread.as内部で複数画像の読み込みを行います。
ここではBulkLoaderを使って複数読み込みをまとめています。

5.読み込んだ素材を配置していきます

複数読み込みが終われば BuilderThread.asで配置します。

6.パーセント表示の終了処理

1. すべての読み込みが終了し、パーセントが100%になったら、パーセント表示をフェードアウトさせて消します。
2. Main側ではOpenContentsThread.asでパーセント表示が消えるまで待機状態になります。
3. Preloader.as の116行目付近 completeHandler()が呼ばれるので、そこでパーセント表示をフェードさせます。

7.main.swfの表示開始

パーセント表示のフェードアウトが終わったら、待機していたOpenContentsThreadが動きだし、mainの表示を行います。