Flex / Actionscriptに埋め込まれたSWFファイルをロードして再生する

StackOverflow https://stackoverflow.com/questions/602057

質問

フレックスアプリケーションでプリローダーを作成/使用しようとしています。プリローダーは、100フレーム（ローダーの進行状況のパーセントごとに1フレーム）のSWFファイルです。基本的に、このSWFファイルをアプリケーションに埋め込み、画面に表示し、進行状況の完了時に表示されるフレーム番号を変更しようとしています。

これまでに使用したコードは次のとおりです（Canvasを拡張します）：

[Embed("/../assets/preLoader.swf")]
private var SWFClass:Class;

private var _preLoader:MovieClip;

private var _progress:Number;

public function set progress(value:Number) : void {
    _progress = value;

    if(progress < 100) {
        _preLoader.gotoAndPlay(progress, null);
    }else {
        _preLoader.gotoAndStop(0, null);
    }
}   

[Bindable]
public function get progress() : Number {
    return _progress;
}



(Called on creationComplete event)          
private function init() : void {
    _preLoader = MovieClip(new SWFClass());

    this.addChild(_preLoader);

    _preLoader.play();
}

エラーは次のとおりです：

TypeError: Error #1034: Type Coercion failed: cannot convert widgets::PreLoader_SWFClass@30b3be51 to mx.core.IUIComponent.at mx.core::Container/http://www.adobe.com/2006/flex/mx/internal::addingChild()[C:\autobuild\3.2.0\frameworks\projects\framework\src\mx\core\Container.as:3259]

助けてください！

役に立ちましたか？

解決

Canvasではなくスプライトを基本クラスとして使用します。これを行う2つの理由：

  1. Canvasには多くの依存関係があります（100k +のflexコンポーネントのチューニング）。プリローダーを表示する前に、これらすべてがロードされるのを待ちたくありません

  2. CanvasはUIComponentコンテナーです。 UIComponentをレイアウトするときに使用します。あなたの場合、複雑なキャンバスレイアウトロジックは必要ありません。MovieClipを表示するだけです。キャンバスを使用しないでください。

元の質問に答えるために、SWFLoaderとImageは、ビットマップとMovieClipsを表示する方法を知っているUIComponentです。代わりに次のようなことをしてください：

var img:Image = new Image();
img.source = _preloader;
this.addChild(img);

他のヒント

addChild（）に渡すには、 IUIComponent を実装する MovieClip のラッパーが必要です。 addChild（） ドキュメント：

  

注：メソッドの子引数はDisplayObject型として指定されますが、引数はコンテナの子として追加されるIUIComponentインターフェイスを実装する必要があります。すべてのFlexコンポーネントはこのインターフェイスを実装しています。

次のようなものが必要です：

public class MovieClipUIComponent extends UIComponent {
   public function MovieClipUIComponent (mc:MovieClip) {
      super ();

      mcHeight = mc.height;
      mcWidth = mc.width;

      // add your own magic

      addChild (mc);
   }
}

警告：テストされていないコード、アイデアのみを提供する必要があります！

この作品に期待する これを試しました。

[Embed(source="assets/yourSWF.swf", mimeType="application/octet-stream")]
public var SWF:Class;

_swfLoader = new Loader();
//nothing to do onComplete or onProgress method just to debug
// Add complete event listener
_swfLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
// Add progress event listener
_swfLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgress);


// Add error event listener. Critical if you don't want run time errors if there
// are problems loading the file.
_swfLoader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, onError);

// Incase of loading Flex. Very important.
_swfLoader.addEventListener("mx.managers.SystemManager.isBootstrapRoot", systemManagerHandler);
_swfLoader.addEventListener("mx.managers.SystemManager.isStageRoot", systemManagerHandler);

// Load on the loader with a new URLRequest instance passing the path to
// it's constructor.
_swfLoader.loadBytes(new SWF());

// We have to addd the loader so it creation is done.
addChild(_swfLoader);

private function systemManagerHandler(e:Event):void {
            // Prevent default stops default behaviour here and thus stops some potential
            // run time errors.         
            e.preventDefault();
}

プリローダーをご覧くださいクラスおよびアプリケーションのプリローダープロパティクラス。

ドキュメントに書かれているように、プリローダーのFlex UIComponent（またはImageまたはSWFLoader）クラスを拡張すべきではありません。

ここに、プリローダーをカスタマイズする方法の例をいくつか示します。

http： //www.pathf.com/blogs/2008/08/custom-flex-3-lightweight-preloader-with-source-code/

http://groups.adobe.com/posts/15d371c71d

http：//www.webapper .net / index.cfm / 2008/1/17 / Flex-NotSo-Custom-Preloader

iこのリンクの外部swfコードを使用してカスタムプリローダーを見つけました
http://askmeflash.com/article_m.php?p=article&id=7

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top