Flex / Actionscriptに埋め込まれたSWFファイルをロードして再生する
-
03-07-2019 - |
質問
フレックスアプリケーションでプリローダーを作成/使用しようとしています。プリローダーは、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つの理由:
-
Canvasには多くの依存関係があります(100k +のflexコンポーネントのチューニング)。プリローダーを表示する前に、これらすべてがロードされるのを待ちたくありません
-
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