Carica e riproduci file SWF incorporato in Flex / Actionscript
-
03-07-2019 - |
Domanda
Sto provando a creare / utilizzare un precaricatore nella mia applicazione flex. Il preloader è un file SWF con 100 frame (1 per ogni percentuale dell'avanzamento del caricatore). Fondamentalmente sto cercando di incorporare questo file SWF nella mia applicazione, visualizzarlo sullo schermo e modificare il numero di frame visualizzato al completamento dell'avanzamento.
Il codice che ho finora è (che estende 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();
}
L'errore che sto ricevendo è:
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]
Per favore aiutate!
Soluzione
Usa sprite invece di Canvas come classe base. Due motivi per farlo:
-
La tela ha molte dipendenze (per la somma di 100k + di componenti flessibili). Non vuoi aspettare che tutto questo venga caricato prima di visualizzare il tuo precaricatore
-
Canvas è un contenitore UIComponent. Usalo quando vuoi organizzare UIComponents. Nel tuo caso, non hai bisogno di complicate logiche del layout della tela: devi solo mostrare un MovieClip. Quindi non usare una tela.
Per rispondere alla domanda originale, SWFLoader e Image sono componenti UIC che sanno come visualizzare Bitmap e MovieClips. Fai qualcosa del genere invece:
var img:Image = new Image();
img.source = _preloader;
this.addChild(img);
Altri suggerimenti
Devi avere un wrapper su MovieClip
che implementa il IUIComponent
per poter passare a addChild ()
. Dal addChild ()
documentazione :
Nota: mentre l'argomento figlio del metodo è specificato come di tipo DisplayObject, l'argomento deve implementare l'interfaccia IUIComponent per essere aggiunto come figlio di un contenitore. Tutti i componenti Flex implementano questa interfaccia.
Avrai bisogno di qualcosa del genere:
public class MovieClipUIComponent extends UIComponent {
public function MovieClipUIComponent (mc:MovieClip) {
super ();
mcHeight = mc.height;
mcWidth = mc.width;
// add your own magic
addChild (mc);
}
}
Attenzione: codice non testato, dovrebbe darti solo un'idea!
Spero che questo lavoro Ho provato questo.
[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();
}
Dai un'occhiata al Preloader class e la preloader dell'applicazione classe.
Come dice la documentazione, non dovresti assolutamente estendere le classi Flex UIComponent (o Image o SWFLoader) per un preloader.
Ecco alcuni esempi di come personalizzare il preloader:
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
Ho trovato il preloader personalizzato usando il codice swf esterno da questo link
http://askmeflash.com/article_m.php?p=article&id=7