addChild(Image) innerhalb einer CustomClass, die von Sprite erbt

[Alex1980]

Hallo zusammen

Zunächst einmal möchte ich das Forum ausdrücklich loben! Hab hier schon unzählige male Lösungen zu meinen Problemen gefunden. Bisher wurde ich immer über die Suchfunktion fündig, da meine Probleme meist allgemeiner Natur waren. Möchte nun nicht ausschließen dass es bei meinem ersten Eintrag nicht anders ist. Ich bin diesmal allerdings schon seit Wochen (ungelogen!) am SuchenGoogeln&Grübeln und kann mit ähnlichen Threads nichts anfangen bzw. scheinen die dort genannten Lösungsansätze in meinem Fall nichts zu nutzen. Doch nun zum Grund meiner schlaflosen Nächte:

Ich bastle an einem recht umfangreichen Projekt und poste deshalb nur ein MinimalBeispielsnippet, das allein dazu dient mein Problem herauszuarbeiten und nicht mehr. Dies sei nur vorab erwähnt um Antworten auszuschließen, die mir raten es in diesem Fall in irgendeiner Weise einfacher anzugehen.

Also, worum geht es?
Ich habe ein FlexProjekt (nutze FlexBuilder 3) auf einem Tomcat laufen. Ein FrontEnd soll in mehreren Layern dynamisch hinzugeladene Bilder anzeigen, Lauftext (Bauchbinde) darstellen, Videoloops abspielen usw...
Die Medien (Stills, Loops, etc.) befinden sich im flex_src/media/stills Ordner auf dem Server und können in meinem Fall nicht embeddet werden.
Nun habe ich mir - um eine klare Struktur hinzubekommen und eine gute Wartbarkeit zu erlauben - überlegt eine Verwaltungsklasse anzulegen, die mir die einzelnen CustomLayerklassen instanziiert und in der ich die depths schön verwalten kann (bringe mir diesen Layer in den Vordergrund, den anderen in den Hintergrund, usw.).
Die einzelnen Layerklassen erlauben dann eine Steuerung der beinhaltenden DisplayObjects (BildLayer: blende Bild ein&aus, Videolayer: spiele Video ab, blende ein&aus...) Ich glaube das Prinzip ist klar geworden.
Also habe ich mit der scheinbar einfachsten Layerklasse angefangen. Und dort tauchte dann folgendes Problem auf:

Wie gesagt - ist jetzt nur ein Beispielcode...

Also, meine wasanderes.mxml:

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()"> 
                <mx:UIComponent id="Container" name="Container" x="0" y="0" height="800" width="800"/> 
                <mx:Script source="aussen/Probieren.as"/> 
</mx:Application>

hier das externe Script Probieren.as:

// externes ActionScript file "Probieren.as" 
import aussen.Probe; 
import mx.controls.Image; 
                        
        private function init():void 
        { 
                var prob:Probe = new Probe(); 
                Container.addChild(prob); 
        }

"Probe" stellt jetzt halt mal exemplarisch meine BildLayerKlasse dar.

package aussen 
{ 
        import flash.display.Sprite; 
        import mx.controls.Image; 
        
        public class Probe extends Sprite 
        { 
                public function Probe() 
                { 
                        var square:Sprite = new Sprite(); 
                        square.graphics.beginFill(0x28); 
                        square.graphics.drawRoundRect(10, 10, 200, 200, 0, 0); 
                        square.graphics.endFill(); 
                        square.alpha = 0.3; 
                        addChild(square); 
                        
                        var img:Image = new Image();    
                        img.source = "media/stills/friedrich.jpg"; 
                        img.x = 0; 
                        img.y = 0; 
                        img.width = 400; 
                        img.height = 400; 
                        addChild(img); 
                } 
        } 
}

So, und obwohl ich in dem prob-Objekt zwei Childs hinzuadde sehe ich lediglich das blaue Rechteck.
Bin mir sicher jetzt schnuppern schon einige den Braten, aber vielleicht ist es sinnvoll vorab mögliche Ursachen des Problems auszuschließen.

• Ich weiß, dass man hier auch mit this arbeitet um die Childs eben diesem Objekt anzuhängen, aber daran hängt es hier nicht - hab's schon alles durchprobiert. Und außerdem klappt's ja bei dem Rechteck auch ohne.
  
• Es gibt unzählige Beiträge, die darauf verweisen dass in Flex nur UIComponents, oder davon erbende Klassen - bzw. deren Instanzen - als Childs geaddet werden können (wg. dortiger Implementierung der IUIComponent...). Aber auch hier wieder: Das Rechteck wird ja dargestellt! Und dabei handelt es sich ja um ein Sprite, wie auch bei meiner kleinen CustomKlasse Probe (bzw. sie erbt von Sprite)
  
• Den Lösungsansatz, den ich im Netz ein paarmal gesehen habe "Zuhilfenahme von rawChildren" bringt in meinem Fall nichts, weil ich ja auch die depths der hinzugefügten Objekte verändern können will.
  
• Für alle Zweifler meiner Bildpfadangabe: Der Pfad passt schon, denn wenn das externe as-Script folgendermaßen verändert wird sehe ich das Bild auf der Bühne:
  
  

  // externes ActionScript file "Probieren.as" 
  import aussen.Probe; 
  import mx.controls.Image; 
                          
          private function init():void 
          { 
                  var prob:Probe = new Probe(); 
                  Container.addChild(prob); 
                  
                  var img:Image = new Image();    
                  img.source = "media/stills/friedrich.jpg"; 
                  img.x = 0; 
                  img.y = 0; 
                  img.width = 400; 
                  img.height = 400; 
                  addChild(img); 
                  
          }

  Ich denke spätestens hieran wird mein Problem klar. Ich kann wunderbar Childs der Displaylist hinzufügen solange ich es nicht über eine Instanz einer eigenen Klasse (welche ich auf Rat vieler an ein UIComponent Container hänge) probiere. (Egal ob ich nun mit Container.addChild oder this.addChild oder einfach addChild arbeite...) Das heißt, das Rechteck funktioniert, das Image leider nicht. - Und genau da setzt's bei meinem Verständnis halt einfach aus!
  Deswegen bitte ich die "Sehenden" unter Euch inständig mich zum Licht zu führen. Schaff's diesmal aus eigener Kraft nicht. Hab schon alle Emotionen durch: Wut, Verzweiflung, Trauer...

Vielen lieben Dank im Voraus und noch ein schönes Wochenende

[Omega Psi]

In Flex erbt mal nicht von Sprite sonders UIComponent und implementiert den Component livecycle (steht in der Dokumentation beschrieben).

[Omega Psi]

... und dimensionieren mag wichtig sein ...

[chris21121983]

ja, ich denke dass das problem ist, dass Probe sprite erweitert und du diesem dann eine uicomponent (bzw. eine unterklasse davon) als kind hinzufügen willst. das geht nicht.

(einer uicomponent können über rawchildren sprites hinzugefügt werden aber soweit ich mich erinnere kann einem sprite keine uicomponent als kind hinzugefügt werden).

deshalb müsstest du meiner meinung nach, wie oben schon gesagt, nicht sprite sondern uicomponent (oder eine unterklasse davon) entsprechend erweitern.

[Alex1980]

Yippiiieeeee, *jubel*
Das war's!!!!! Jetzt funzt's wunderbar...

Danke für den Tip zum Component LiveCycle - der hat's dann letztendlich wirklich verständlich gemacht!

War's halt vom Flashen früher gewohnt immer von Sprite zu erben
Jetzt wird von UIComponent geerbt und das Basteln macht wieder Spaß...
Super

Danke nochmal!