Elemente von extern zur Laufzeit laden und im CSS verwenden

[Pschor]

Ich möchte Bilder (pngs) von meinem Webserver laden und in MXML verwenden. Da ich nicht weiß, welche alle benötigt werden soll das laden zur Laufzeit geschehen um Bandbreite zu schonen.
Im Code nutze ich diese Objekte z.B. zum Skinnen (also der User soll sich einen Skin wählen, die Bilder sind jetzt also in einer .css als background-image:Embed("..."); ).

Gibt es dafür was schickes in mxml?
Mein Ansatz wäre jetzt die Bilder über Loader/URLRequest in ActionScript zu laden und dann irgendwie das Hintergrundbild setzen (ich habe nicht raus, ob man das in AS überhaupt verändert, im zweifelsfall würd ich es einfach ans rawChildren hängen).

Ich hab das tiefergehende Problem noch nicht wirklich verstanden... Bilder kannst du zur Laufzeit über einen Loader in ein DisplayObject laden wie bspw. ein Sprite oder eine Bitmap oder als bindable-Object mit einer Flex-Komponente, bspw. Canvas, HBox etc. verknüpfen.

[Pschor]

Danke für die Antwort, agedoubleju.

1. Problem ist, dass ich das Objekt als background-image habe, also genauer müsste die Haupt-Frage wohl heißen:
Wie verändere ich CSS-Eigenschaften (in diesem Fall das background-image) mit ActionScript-Code?
2. Möchte ich wissen, ob ich aus MXML heraus sachen laden kann. Ich wüsste, wie ich es in reinem ActionScript mache aber, wenn man direkt in MXML sowas definieren könnte wie "füge hier ein objekt ein" also <mx:ExternalIrgendwas source="foobar.png" > wäre das schon cool und ich wollt einfach nur wissen, ob es sowas gibt.

Wie verändere ich CSS-Eigenschaften (in diesem Fall das background-image) mit ActionScript-Code?

Mit setStyle...

Möchte ich wissen, ob ich aus MXML heraus sachen laden kann.

PHP-Code:

<mx:SWFLoader source="meine.swf" /> 


[sytch]

hi,
kannst ja grad mit dem StyleManager arbeiten um verschiedene styles zu laden. am besten die .css als swf exportieren und dann mit StyleManager.loadStyleDeclaration(...) laden....

<mx:Canvas styleName="myCanvas" width="100" height="100"/>

style1.css

.myCanvas{
    background-image: Embed("....../ersterStyle.jpg");
}

style2.css

.myCanvas{
    background-image: Embed("....../anderesBild.jpg");
}

so kannst du zur laufzeit das hintergrundbild tauschen ohne ein manuelles "setStyle" aufzurufen...

[Pschor]

Vielen Dank! Ich denke das macht einiges einfacher...

[Omega Psi]

Ich würde die Bilder über eine externe Konfiguration laden. Du willst doch nicht jedes mal, wenn sich die Bilder ändern neu kompilieren?

[Pschor]

Nein, möchte ich nicht. Was meinst du mit externer Konfiguration? wie erstellt man sowas? (link zu irgend ner doku reicht).

[Omega Psi]

Damit meine ich zum Beispiel eine XML-Datei mit den Pfaden zu den Bildern.