FLASHでGUIの4

HttpServer関連と、Loader関連をひとつのクラスにしようと思ったけど、
まぁ使い方を考えると、それぞれ別でもイイ気がしてきたので、別で。
基本はHttpServerと同じ。内部でLoaderクラスを呼ぶだけ。
Httpのときと同じように、ひとつずつ動作させる。
こんな感じで。

view plainprint?

1. // ------------------------------------------------------------------------------  
2. function spLoadImage(){  
3.   own = this;  
4.   init();  
5. }  
6. // ------------------------------------------------------------------------------  
7. public function ldInit(e:Event):void{  
8.   trace(e);  
9. }  
10. // ------------------------------------------------------------------------------  
11. public static function getEnum(n:int):String{  
12.   switch(n){  
13.     case eNotBitmap:    return  "Not Bitmap Resource";  
14.     case eIOError:      return  "IO Error";  
15.     case eSecurityError:  return  "Securit Error";  
16.     default:        return  "Undifiend Error";  
17.   }  
18. }  
19. // ------------------------------------------------------------------------------  
20. private function ldComplete(e:Event):void{  
21.   trace(e);  
22.   if(loader.content is Bitmap){  
23.     var lp:Object = loader.content;  //  var lp:Bitmapだとエラー  
24.     var bit:Bitmap = new Bitmap(lp.bitmapData.clone());  
25.     lp.bitmapData.dispose();  
26.     okFunction(localVal,bit);  
27.   }else{  
28.     ngFunction(eNotBitmap,  getEnum(eNotBitmap));  
29.   }  
30.   nextGo();  
31. }  
32. // ------------------------------------------------------------------------------  
33. private function ldIOError(e:IOErrorEvent):void{  
34.   ngFunction(eIOError,e.text);  
35.   nextGo();  
36. }  
37. // ------------------------------------------------------------------------------  
38. private function nextGo():void{  
39.   trace("--nextGo--");  
40.   loader.contentLoaderInfo.removeEventListener(Event.INIT,        ldInit);  
41.   loader.contentLoaderInfo.removeEventListener(Event.COMPLETE,      ldComplete);  
42.   loader.contentLoaderInfo.removeEventListener(IOErrorEvent.IO_ERROR,    ldIOError);  
43.   bRun = false;  
44.   execute();  
45. }  
46. // ------------------------------------------------------------------------------  
47. private function init():void{  
48.   uVar  = new URLVariables;  
49.   datAr  = new Array;  
50. }  
51. // ------------------------------------------------------------------------------  
52. public function setData(url:String,  comtype:uint,  okRes:Function,  ngRes:Function,  args:String,method:String="POST"):void{  
53.   datAr.unshift(  
54.     {  
55.       "url":    url,  
56.       "comtype":  comtype,  
57.       "okFunc":  okRes,  
58.       "ngFunc":  ngRes,  
59.       "args":    args,  
60.       "method":  method  
61.     }  
62.   );  
63.   //  Array  //  pop()  最後を取り出して削除  //  unshift(... args):uint 最初に追加  
64. }  
65. // ------------------------------------------------------------------------------  
66. public function execute():void{  
67.   setTimeout(executeSub, tInterval);  
68. }  
69. // ------------------------------------------------------------------------------  
70. private function executeSub():void{  
71.   if(datAr.length < 1){  
72.     //  END  
73.   }else{  
74.     if(bRun){  
75.       setTimeout(executeSub, tInterval);  
76.     }else{  
77.       trace("☆executeSub "+datAr.length);  
78.       bRun = true;  
79.       var o:Object  = datAr.pop();  
80.       loader = new Loader;  
81.       loader.contentLoaderInfo.addEventListener(Event.INIT,        ldInit);  
82.       loader.contentLoaderInfo.addEventListener(Event.COMPLETE,      ldComplete);  
83.       loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR,  ldIOError);  
84.       var UR:URLRequest    = new URLRequest(o.url);  
85.       if(o.method == "GET")  UR.method = URLRequestMethod.GET;  
86.       else          UR.method = URLRequestMethod.POST;  
87.       uVar = new URLVariables;  //  何か設定することになるだろう。  
88.       uVar.args = o.args;  
89.       UR.data=uVar;        //    
90.       okFunction  = o.okFunc;  
91.       ngFunction  = o.ngFunc;  
92.       localVal  = o.comtype;  
93.       try{  
94.         loader.load(UR);  
95.       }  
96.       catch (error:SecurityError){  //  err:Error  
97.         ngFunction(eSecurityError,getEnum(eSecurityError));  
98.       }  
99.     }  
100.   }  
101. }  
102. // ------------------------------------------------------------------------------  

// ------------------------------------------------------------------------------
function spLoadImage(){
  own = this;
  init();
}
// ------------------------------------------------------------------------------
public function ldInit(e:Event):void{
  trace(e);
}
// ------------------------------------------------------------------------------
public static function getEnum(n:int):String{
  switch(n){
    case eNotBitmap:    return  "Not Bitmap Resource";
    case eIOError:      return  "IO Error";
    case eSecurityError:  return  "Securit Error";
    default:        return  "Undifiend Error";
  }
}
// ------------------------------------------------------------------------------
private function ldComplete(e:Event):void{
  trace(e);
  if(loader.content is Bitmap){
    var lp:Object = loader.content;  //  var lp:Bitmapだとエラー
    var bit:Bitmap = new Bitmap(lp.bitmapData.clone());
    lp.bitmapData.dispose();
    okFunction(localVal,bit);
  }else{
    ngFunction(eNotBitmap,  getEnum(eNotBitmap));
  }
  nextGo();
}
// ------------------------------------------------------------------------------
private function ldIOError(e:IOErrorEvent):void{
  ngFunction(eIOError,e.text);
  nextGo();
}
// ------------------------------------------------------------------------------
private function nextGo():void{
  trace("--nextGo--");
  loader.contentLoaderInfo.removeEventListener(Event.INIT,        ldInit);
  loader.contentLoaderInfo.removeEventListener(Event.COMPLETE,      ldComplete);
  loader.contentLoaderInfo.removeEventListener(IOErrorEvent.IO_ERROR,    ldIOError);
  bRun = false;
  execute();
}
// ------------------------------------------------------------------------------
private function init():void{
  uVar  = new URLVariables;
  datAr  = new Array;
}
// ------------------------------------------------------------------------------
public function setData(url:String,  comtype:uint,  okRes:Function,  ngRes:Function,  args:String,method:String="POST"):void{
  datAr.unshift(
    {
      "url":    url,
      "comtype":  comtype,
      "okFunc":  okRes,
      "ngFunc":  ngRes,
      "args":    args,
      "method":  method
    }
  );
  //  Array  //  pop()  最後を取り出して削除  //  unshift(... args):uint 最初に追加
}
// ------------------------------------------------------------------------------
public function execute():void{
  setTimeout(executeSub, tInterval);
}
// ------------------------------------------------------------------------------
private function executeSub():void{
  if(datAr.length < 1){
    //  END
  }else{
    if(bRun){
      setTimeout(executeSub, tInterval);
    }else{
      trace("☆executeSub "+datAr.length);
      bRun = true;
      var o:Object  = datAr.pop();
      loader = new Loader;
      loader.contentLoaderInfo.addEventListener(Event.INIT,        ldInit);
      loader.contentLoaderInfo.addEventListener(Event.COMPLETE,      ldComplete);
      loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR,  ldIOError);
      var UR:URLRequest    = new URLRequest(o.url);
      if(o.method == "GET")  UR.method = URLRequestMethod.GET;
      else          UR.method = URLRequestMethod.POST;
      uVar = new URLVariables;  //  何か設定することになるだろう。
      uVar.args = o.args;
      UR.data=uVar;        //  
      okFunction  = o.okFunc;
      ngFunction  = o.ngFunc;
      localVal  = o.comtype;
      try{
        loader.load(UR);
      }
      catch (error:SecurityError){  //  err:Error
        ngFunction(eSecurityError,getEnum(eSecurityError));
      }
    }
  }
}
// ------------------------------------------------------------------------------

FLASHでGUIの３

FLASHのGUIといっても、当然、サーバとのやりとりが必要なわけで。
そうすると、マルチタスクのイベントドリブンのような顔をしたActionScriptではあるけど、
正しくタイムシェアリングしてるわけでもなんでもないし、
サーバとの転送量が大きい場合（データが大きい画像とか）を考えると、
１つづつ実行できるようなシステムにしたいわけですね。
といったところで、画像一覧をゲットするようなことを考えて見る。

●httpのためのクラスを作る
【仕様】
→url、データのタイプ、パラメータ、callBack関数を複数指定して、
ひとつづつhttpリクエストをかける。
100コの画像を取ってくる場合でも、必ず、ひとつずつリクエストするものとする。

いろいろやって結果、スマートかどうかは別にして、、、
タイマを使うことになってしまった。
要するに、
実行中かどうかをフラグで判定して、判定中だったら、タイマをまた設定みたいなことを繰り返す。
ActionScriptにはSleepも無いことだし。
ちょっといい加減に書きなぐったSRCがこんな感じ。

なんとなくそれらしく動く。パラメータとかTEXT系じゃないときは、次に考えます。

view plainprint?

1. function spHttp(){  
2.   own = this;  
3.   init();  
4. }  
5. // ------------------------------------------------------------------------------  
6. public function init():void{  
7.   datAr  = new Array;  
8. }  
9. // ------------------------------------------------------------------------------  
10. public function setData(url:String,  comtype:uint,  okRes:Function,  ngRes:Function,  method:String="POST",useProxy:Boolean=false):void{  
11.   datAr.unshift(  
12.           {  
13.             "url":    url,  
14.             "comtype":  comtype,  
15.             "okFunc":  okRes,  
16.             "ngFunc":  ngRes,  
17.             "method":  method,  
18.             "useProxy":  useProxy  
19.           }  
20.         );  
21. }  
22. // ------------------------------------------------------------------------------  
23. public function execute(){  
24.   setTimeout(executeSub, tInterval);  
25. }  
26. // ------------------------------------------------------------------------------  
27. public function executeSub(){  
28.   if(datAr.length < 1){  
29.     //  END  
30.   }else{  
31.     if(bRun){  
32.       setTimeout(executeSub, tInterval);  
33.     }else{  
34.       bRun = true;  
35.       var o:Object  = datAr.pop();  
36.       httpSV  = new HTTPService();  
37.       httpSV.addEventListener(ResultEvent.RESULT,  okResult);  
38.       httpSV.addEventListener(FaultEvent.FAULT,  ngResult);  
39.       httpSV.resultFormat = "text";  //    
40.       httpSV.url    = o.url;    //    
41.       httpSV.method  = o.method;    //  httpSV.method = "POST";  
42.       httpSV.useProxy  = o.useProxy;  //  httpSV.useProxy =false;  
43.       uVar  = new URLVariables;  
44.       uVar.decode("Giant=Baba");  
45.       var at:AsyncToken = httpSV.send(uVar);  
46.       at.id    = o.comtype;  
47.       okFunction  = o.okFunc;  
48.       ngFunction  = o.ngFunc;  
49.     }  
50.   }  
51. }  
52. // ------------------------------------------------------------------------------  
53. public function okResult(event:ResultEvent):void{  
54.   httpSV.removeEventListener(ResultEvent.RESULT,okResult);  
55.   httpSV.removeEventListener(FaultEvent.FAULT,ngResult);  
56.   okFunction(event);      //  本当の処理はこっちだよ  
57.   bRun = false;  
58.   execute();  
59. }  
60. // ------------------------------------------------------------------------------  
61. public function ngResult(event:FaultEvent):void  
62. {  
63.   httpSV.removeEventListener(ResultEvent.RESULT,okResult);  
64.   httpSV.removeEventListener(FaultEvent.FAULT,ngResult);  
65.   ngFunction(event);      //  本当の処理はこっちだよ  
66.   bRun = false;  
67.   execute();  
68. }  
69. // ------------------------------------------------------------------------------  

function spHttp(){
  own = this;
  init();
}
// ------------------------------------------------------------------------------
public function init():void{
  datAr  = new Array;
}
// ------------------------------------------------------------------------------
public function setData(url:String,  comtype:uint,  okRes:Function,  ngRes:Function,  method:String="POST",useProxy:Boolean=false):void{
  datAr.unshift(
          {
            "url":    url,
            "comtype":  comtype,
            "okFunc":  okRes,
            "ngFunc":  ngRes,
            "method":  method,
            "useProxy":  useProxy
          }
        );
}
// ------------------------------------------------------------------------------
public function execute(){
  setTimeout(executeSub, tInterval);
}
// ------------------------------------------------------------------------------
public function executeSub(){
  if(datAr.length < 1){
    //  END
  }else{
    if(bRun){
      setTimeout(executeSub, tInterval);
    }else{
      bRun = true;
      var o:Object  = datAr.pop();
      httpSV  = new HTTPService();
      httpSV.addEventListener(ResultEvent.RESULT,  okResult);
      httpSV.addEventListener(FaultEvent.FAULT,  ngResult);
      httpSV.resultFormat = "text";  //  
      httpSV.url    = o.url;    //  
      httpSV.method  = o.method;    //  httpSV.method = "POST";
      httpSV.useProxy  = o.useProxy;  //  httpSV.useProxy =false;
      uVar  = new URLVariables;
      uVar.decode("Giant=Baba");
      var at:AsyncToken = httpSV.send(uVar);
      at.id    = o.comtype;
      okFunction  = o.okFunc;
      ngFunction  = o.ngFunc;
    }
  }
}
// ------------------------------------------------------------------------------
public function okResult(event:ResultEvent):void{
  httpSV.removeEventListener(ResultEvent.RESULT,okResult);
  httpSV.removeEventListener(FaultEvent.FAULT,ngResult);
  okFunction(event);      //  本当の処理はこっちだよ
  bRun = false;
  execute();
}
// ------------------------------------------------------------------------------
public function ngResult(event:FaultEvent):void
{
  httpSV.removeEventListener(ResultEvent.RESULT,okResult);
  httpSV.removeEventListener(FaultEvent.FAULT,ngResult);
  ngFunction(event);      //  本当の処理はこっちだよ
  bRun = false;
  execute();
}
// ------------------------------------------------------------------------------

FLASHでGUIの２

とりあえず、FLASHでのGUIのobjectの階層構造。（ver1）

<TOP> MXML

  <app> 固有クラス。アプリ制御（非GUI）

  <doc> 固有クラス。doc制御（非GUI）

  <menues> MXML

  <mainArea> MXML

    <Canvas>  :Base:UIComponent 

      <Layer>  :Base:UIComponent

        <Item>  :Base:UIComponent

        <Item>  :Base:UIComponent

        <Item>  :Base:UIComponent

        <Item>  :Base:UIComponent

      <Layer>  :Base:UIComponent

      <Layer id="last">  :Base:UIComponent

  <dialog> MXML

スケールを設定して拡縮するのは<Canvas>のみ。

<Layer　id='last'>には、メッシュというかGRID表示させる。

BaseはUIComponentほぼそのままだが、基本的な機能だけをいれる。

マウスイベントをうけとるかどうかのon-offとか。

あとは、かならずTOPへの参照をできるようにして、appとかdocとかを適宜参照可能にする。

やっぱ、絵の出るプログラムは楽しいよね。